Nearest named color · #9CC58C
#9CC58C
Nearest named color: Oh Pistachio
#9CC58C (rgb(156 197 140), hsl(103 33% 66%), oklch(0.779 0.09 137.1)) is closest to the named color Oh Pistachio. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#9CC58C
oklch(0.779 0.09 137.1)
Color conversions
- HEX
- #9cc58c
- RGB
- rgb(156 197 140)
- HSL
- hsl(103 33% 66%)
- HWB
- hwb(103 55% 23%)
- OKLCH
- oklch(0.779 0.09 137.1)
- OKLab
- oklab(0.779 -0.066 0.061)
- CIE Lab
- lab(75.46 -22.09 24.06)
- LCH
- lch(75.46 32.67 132.6)
- CMYK
- cmyk(21% 0% 29% 23%)
Tints · Shades · Tones
Tints
- A6CB97
- B0D1A3
- B9D6AE
- C3DCBA
- CDE2C5
- D7E8D1
- E1EEDC
- EBF3E8
- F5F9F3
Shades
- 87AB79
- 739267
- 5F7955
- 4C6143
- 394B33
- 283523
- 182114
- 090E07
- 010201
Tones
- 99BE8B
- 97B78A
- 94B089
- 91A988
- 8EA287
- 8C9B86
- 899484
- 868E83
- 838782
Color harmonies
Complementary +180°
- 9CC58C
Oh Pistachio
- CFA5DD
≈ Tropical Violet
Analogous -30° +30°
- 9CC58C
Oh Pistachio
- BDBC77
≈ Savannah Grass
- 7CCAAB
≈ Puppeteers
Triadic +120° +240°
- 9CC58C
Oh Pistachio
- 92B9F1
≈ Electric Eel
- EBA0A2
≈ Cosy Summer Sunset
Split-complementary +150° +210°
- 9CC58C
Oh Pistachio
- B3AFEE
≈ Maximum Blue Purple
- E2A0C2
≈ Prettiest Pink
Tetradic +90° +180° +270°
- 9CC58C
Oh Pistachio
- 75C3E4
≈ Bright Spark
- CFA5DD
≈ Tropical Violet
- E7A685
≈ Ceramic Glaze
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.77:1 · APCA Lc 65
Best text color: #000000
WCAG 10.77:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--oh-pistachio: #9cc58c;
--oh-pistachio-rgb: 156 197 140;
--oh-pistachio-oklch: oklch(0.779 0.09 137.1);
}
.element {
color: var(--oh-pistachio);
background-color: hsl(103 33% 66%);
border-color: oklch(0.779 0.09 137.1);
}Tailwind CSS v4
@theme {
--color-oh-pistachio: #9cc58c;
--color-oh-pistachio-50: #e9fce3;
--color-oh-pistachio-100: #d9f0d3;
--color-oh-pistachio-200: #c1deb9;
--color-oh-pistachio-300: #a0c397;
--color-oh-pistachio-400: #85ab76;
--color-oh-pistachio-500: #699458;
--color-oh-pistachio-600: #597d4b;
--color-oh-pistachio-700: #47643b;
--color-oh-pistachio-800: #354929;
--color-oh-pistachio-900: #24331c;
--color-oh-pistachio-950: #131f0c;
}SCSS
$oh-pistachio: #9cc58c;
$oh-pistachio-rgb: 156, 197, 140;
$oh-pistachio-light: mix(#fff, $oh-pistachio, 20%);
$oh-pistachio-dark: mix(#000, $oh-pistachio, 20%);
.element {
color: $oh-pistachio;
box-shadow: 0 0 0 2px rgba($oh-pistachio, 0.35);
}