Pikka Logo Pikka
Chrome App
Delicate Muted Nutty Botanical Green Category: Green

Pistachio Green (#93C572) — Color Codes, Meaning & UI Palettes

Pistachio Green (#93C572) is a soft, medium-light yellow-green derived from the roasted kernels of Pistacia vera. It conveys organic freshness, gentle vitality, artisanal sweetness, and culinary craft.

Quick Answer (Pistachio Green Color Code): The exact HEX code for Pistachio Green is #93C572. In RGB, it is rgb(147, 197, 114). In HSL, it is hsl(96deg, 42%, 61%), and its print CMYK formulation is cmyk(25%, 0%, 42%, 23%). It has a relative luminance of 0.474 and pairs best in UI design with Deep Forest (#1C2E19) and Oat Milk (#FEFAE0).
Click to Copy HEX
Pistachio Green
#93C572
HEX
#93C572
RGB
rgb(147, 197, 114)
HSL
hsl(96deg, 42%, 61%)
CMYK (Print)
cmyk(25%, 0%, 42%, 23%)
Apple Display P3
color(display-p3 0.576 0.773 0.447)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 2.0:1 (Fail)
Black Text (#000000) 10.48:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#F4F9F1
100
#E9F3E2
200
#D3E7C5
300
#B7D9A1
400
#96C775
500
#93C572
600
#75B54A
700
#5D903B
800
#446A2B
900
#2E471D
950
#1A2810

Color Harmonies & Palette Schemes

Complementary

#A472C5
Opposite 180° Contrast

Analogous -30°

#BDC572
Natural Harmony

Analogous +30°

#72C57A
Natural Harmony

Triadic +120°

#7293C5
120° Balanced Triad

Triadic +240°

#C57293
120° Balanced Triad

Curated UI Design Pairings for Pistachio Green

Charming accent for vegan recipe apps, sustainable fashion lookbooks, botanical packaging, and playful educational platforms.

Deep Forest
#1C2E19
Solid Accessible Headings
Oat Milk
#FEFAE0
Creamy Natural Background
Strawberry Blush
#F4ACB7
Gentle Sweet Complement
Warm Charcoal
#2D3748
Grounded Frame Element

Export Pistachio Green Code Snippets

CSS Variable --color-pistachio-green: #93C572;
Tailwind Config 'pistachio-green': '#93C572'
Swift / SwiftUI Color(hex: "#93C572")
JSON Design Token {"name": "Pistachio Green", "hex": "#93C572"}

Frequently Asked Questions About Pistachio Green (#93C572)

What is the exact HEX code for Pistachio Green?

The exact HEX code for Pistachio Green is #93C572. In 8-digit hexadecimal (with 100% opacity), it is #93C572FF. Its RGB decimal equivalent is rgb(147, 197, 114) and its HSL value is hsl(96deg, 42%, 61%).

What colors go best with Pistachio Green in UI and web design?

Pistachio Green pairs exceptionally well with Deep Forest (#1C2E19), Oat Milk (#FEFAE0), Strawberry Blush (#F4ACB7), and Warm Charcoal (#2D3748).

How do I use Pistachio Green in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #93C572; or background-color: #93C572;. In Tailwind CSS, use arbitrary value syntax like bg-[#93c572] or text-[#93c572], or define it in your Tailwind v4 @theme block as --color-pistachio-green: #93C572;.

Is Pistachio Green WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Pistachio Green achieves a contrast ratio of 2.0:1 (Fail). Against a pure black background (#000000), it achieves 10.48:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator