Nearest named color · #9ABF7B
#9ABF7B
Nearest named color: Pistachio
#9ABF7B (rgb(154 191 123), hsl(93 35% 62%), oklch(0.761 0.101 131.6)) is closest to the named color Pistachio. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9ABF7B
oklch(0.761 0.101 131.6)
Color conversions
- HEX
- #9abf7b
- RGB
- rgb(154 191 123)
- HSL
- hsl(93 35% 62%)
- HWB
- hwb(93 48% 25%)
- OKLCH
- oklch(0.761 0.101 131.6)
- OKLab
- oklab(0.761 -0.067 0.075)
- CIE Lab
- lab(73.38 -21.94 30.12)
- LCH
- lch(73.38 37.27 126.1)
- CMYK
- cmyk(19% 0% 36% 25%)
Tints · Shades · Tones
Tints
- A4C588
- AECC96
- B8D2A3
- C2D9B0
- CCDFBD
- D6E6CA
- E0ECD7
- EAF2E4
- F5F9F2
Shades
- 85A66A
- 718D5A
- 5E754A
- 4B5E3A
- 39482C
- 27331E
- 171F10
- 090D05
- 010201
Tones
- 97B97C
- 95B27D
- 92AC7E
- 90A67F
- 8D9F7F
- 8B9980
- 889380
- 858D80
- 838680
Color harmonies
Complementary +180°
- 9ABF7B
Pistachio
- C79FE0
≈ Silver Rust
Analogous -30° +30°
- 9ABF7B
Pistachio
- BEB465
≈ Hi Def Lime
- 73C69D
≈ Minted Elegance
Triadic +120° +240°
- 9ABF7B
Pistachio
- 81B6F0
≈ Fly Away
- EA96A1
≈ All Dressed Up
Split-complementary +150° +210°
- 9ABF7B
Pistachio
- A6AAF0
≈ Wondrous Wisteria
- DE98C4
≈ Lilac Chiffon
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.07:1 · APCA Lc 41
Ag
AAAOn black
WCAG 10.11:1 · APCA Lc 62
Best text color: #000000
WCAG 10.11:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
CSS
:root {
--pistachio: #9abf7b;
--pistachio-rgb: 154 191 123;
--pistachio-oklch: oklch(0.761 0.101 131.6);
}
.element {
color: var(--pistachio);
background-color: hsl(93 35% 62%);
border-color: oklch(0.761 0.101 131.6);
}Tailwind CSS v4
@theme {
--color-pistachio: #9abf7b;
--color-pistachio-50: #eafcdf;
--color-pistachio-100: #dbf0ce;
--color-pistachio-200: #c3deb3;
--color-pistachio-300: #a3c38e;
--color-pistachio-400: #89ab6c;
--color-pistachio-500: #6d944a;
--color-pistachio-600: #5d7d40;
--color-pistachio-700: #4a6432;
--color-pistachio-800: #374922;
--color-pistachio-900: #253316;
--color-pistachio-950: #141e08;
}SCSS
$pistachio: #9abf7b;
$pistachio-rgb: 154, 191, 123;
$pistachio-light: mix(#fff, $pistachio, 20%);
$pistachio-dark: mix(#000, $pistachio, 20%);
.element {
color: $pistachio;
box-shadow: 0 0 0 2px rgba($pistachio, 0.35);
}