#92CA98#92CA98
#92CA98 is a light, moderate green. Relative luminance 0.506; OKLCH L 78.7% C 0.091 H 147.4°. Best body text is #000000 at 11.12:1 contrast (WCAG AA passes).
Color values
| HEX | #92CA98 |
|---|---|
| RGB | rgb(146, 202, 152) |
| HSL | hsl(126, 35%, 68%) |
| HSV | hsv(126, 28%, 79%) |
| CMYK | cmyk(27.7%, 0%, 24.8%, 20.8%) |
| CIE-LAB | lab(76.45, -28.08, 19.28) |
| CIE-LCH | lch(76.45, 34.06, 145.52°) |
| OKLab | oklab(78.7% -0.0768 0.0492) |
| OKLCH | oklch(78.7% 0.091 147.4) |
| XYZ | xyz(38.6403, 50.6175, 37.4339) |
| Luminance | 0.5062 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Darkseagreen
#8FBC8F
ΔE00 3.77
Hospital Green
#9BE5AA
ΔE00 6.46
Lichen
#8FB67B
ΔE00 6.57
Soft Green
#6FC276
ΔE00 6.88
Sage Green (survey)
#88B378
ΔE00 7.00
Faded Green
#7BB274
ΔE00 7.47
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#92CA98 #CA92C4
analogous
#A8CA92 #92CA98 #92CAB4
triadic
#92CA98 #9892CA #CA9892
tetradic
#92CA98 #92A8CA #CA92C4 #CAB492
square
#92CA98 #92A8CA #CA92C4 #CAB492
split-complementary
#92CA98 #B492CA #CA92A8
monochromatic
#4A9852 #69B671 #92CA98 #BBDEBF #E4F2E6
Accessibility & contrast
On white
1.89
#92CA98 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.12
#92CA98 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #92CA98
11.12:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##92CA98 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##92CA98 | 1.00 | 1.89 | 11.12 | 11.12 |
| #FFFFFF | 1.89 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.12 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CCC095
Deuteranopia (green-blind)
#C2BA9B
Tritanopia (blue-blind)
#8BC7BC
Achromatopsia (no color)
#BDBDBD
Design tokens & code
CSS
--color: #92ca98; /* rgb */ color: rgb(146, 202, 152); /* oklch */ color: oklch(78.7% 0.091 147.4);
Tailwind
colors: {
custom: {
50: '#b3dab6',
500: '#92ca98',
950: '#000000',
},
}SCSS
$custom: #92ca98; $custom-light: #b3dab6; $custom-dark: #000000;
JSON
{
"hex": "#92ca98",
"rgb": {
"r": 146,
"g": 202,
"b": 152
},
"hsl": {
"h": 126.429,
"s": 34.568,
"l": 68.235
},
"oklch": {
"l": 0.78696,
"c": 0.09123,
"h": 147.4
},
"luminance": 0.50619
}Semantic roles & 50–950 ramp
primary
#92CA98
secondary
#9F6198
accent
#38A1AD
background
#FDFEFD
surface
#F8FBF8
border
#D1D4D1
text
#111511
muted
#818481