#899B8A#899B8A
#899B8A is a light, muted green. Relative luminance 0.306; OKLCH L 67.0% C 0.032 H 146.7°. Best body text is #000000 at 7.12:1 contrast (WCAG AA passes).
Color values
| HEX | #899B8A |
|---|---|
| RGB | rgb(137, 155, 138) |
| HSL | hsl(123, 8%, 57%) |
| HSV | hsv(123, 12%, 61%) |
| CMYK | cmyk(11.6%, 0%, 11%, 39.2%) |
| CIE-LAB | lab(62.16, -9.76, 6.77) |
| CIE-LCH | lch(62.16, 11.88, 145.28°) |
| OKLab | oklab(67.03% -0.0268 0.0176) |
| OKLCH | oklch(67.03% 0.032 146.7) |
| XYZ | xyz(26.6244, 30.5957, 28.5427) |
| Luminance | 0.3060 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Grey Green
#86A17D
ΔE00 6.74
Greenish Grey
#96AE8D
ΔE00 7.54
Green Grey
#77926F
ΔE00 7.71
Greyish Teal
#719F91
ΔE00 7.80
Greeny Grey
#7EA07A
ΔE00 7.88
Greyish Green
#82A67D
ΔE00 8.85
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#899B8A #9B899A
analogous
#919B89 #899B8A #899B93
triadic
#899B8A #8A899B #9B8A89
tetradic
#899B8A #89919B #9B899A #9B9389
square
#899B8A #89919B #9B899A #9B9389
split-complementary
#899B8A #93899B #9B8991
monochromatic
#4E5C4F #6A7D6B #899B8A #AAB7AB #CBD3CC
Accessibility & contrast
On white
2.95
#899B8A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.12
#899B8A on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #899B8A
7.12:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##899B8A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##899B8A | 1.00 | 2.95 | 7.12 | 7.12 |
| #FFFFFF | 2.95 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.12 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#9C9789
Deuteranopia (green-blind)
#98958B
Tritanopia (blue-blind)
#879A96
Achromatopsia (no color)
#969696
Design tokens & code
CSS
--color: #899b8a; /* rgb */ color: rgb(137, 155, 138); /* oklch */ color: oklch(67.0% 0.032 146.7);
Tailwind
colors: {
custom: {
50: '#abb8ac',
500: '#899b8a',
950: '#000000',
},
}SCSS
$custom: #899b8a; $custom-light: #abb8ac; $custom-dark: #000000;
JSON
{
"hex": "#899b8a",
"rgb": {
"r": 137,
"g": 155,
"b": 138
},
"hsl": {
"h": 123.333,
"s": 8.257,
"l": 57.255
},
"oklch": {
"l": 0.67026,
"c": 0.03209,
"h": 146.7
},
"luminance": 0.30596
}Semantic roles & 50–950 ramp
primary
#899B8A
secondary
#C4BCC3
accent
#77AEB1
background
#FAFBFA
surface
#F4F6F4
border
#CED0CE
text
#101110
muted
#7F807F