#599D75#599D75
#599D75 is a light, moderate green. Relative luminance 0.275; OKLCH L 64.0% C 0.093 H 156.7°. Best body text is #000000 at 6.50:1 contrast (WCAG AA passes).
Color values
| HEX | #599D75 |
|---|---|
| RGB | rgb(89, 157, 117) |
| HSL | hsl(145, 28%, 48%) |
| HSV | hsv(145, 43%, 62%) |
| CMYK | cmyk(43.3%, 0%, 25.5%, 38.4%) |
| CIE-LAB | lab(59.45, -30.91, 14.32) |
| CIE-LCH | lch(59.45, 34.07, 155.13°) |
| OKLab | oklab(63.95% -0.085 0.0366) |
| OKLCH | oklch(63.95% 0.093 156.7) |
| XYZ | xyz(19.3863, 27.5208, 21.1167) |
| Luminance | 0.2752 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Ocean Green
#3D9973
ΔE00 3.71
Tea
#65AB7C
ΔE00 4.57
Greenish
#40A368
ΔE00 5.08
Teal Green
#25A36F
ΔE00 5.48
Jade
#1FA774
ΔE00 6.03
Bluish Green
#10A674
ΔE00 6.28
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#599D75 #9D5981
analogous
#5F9D59 #599D75 #599D97
triadic
#599D75 #75599D #9D7559
tetradic
#599D75 #595F9D #9D5981 #9D9759
square
#599D75 #595F9D #9D5981 #9D9759
split-complementary
#599D75 #97599D #9D595F
monochromatic
#2D4F3B #437658 #599D75 #7EB695 #A5CCB5
Accessibility & contrast
On white
3.23
#599D75 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.50
#599D75 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #599D75
6.50:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##599D75 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##599D75 | 1.00 | 3.23 | 6.50 | 6.50 |
| #FFFFFF | 3.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.50 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.50 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#9C9473
Deuteranopia (green-blind)
#928C77
Tritanopia (blue-blind)
#4A9C92
Achromatopsia (no color)
#8F8F8F
Design tokens & code
CSS
--color: #599d75; /* rgb */ color: rgb(89, 157, 117); /* oklch */ color: oklch(64.0% 0.093 156.7);
Tailwind
colors: {
custom: {
50: '#8bba9d',
500: '#599d75',
950: '#000000',
},
}SCSS
$custom: #599d75; $custom-light: #8bba9d; $custom-dark: #000000;
JSON
{
"hex": "#599d75",
"rgb": {
"r": 89,
"g": 157,
"b": 117
},
"hsl": {
"h": 144.706,
"s": 27.642,
"l": 48.235
},
"oklch": {
"l": 0.63952,
"c": 0.09254,
"h": 156.7
},
"luminance": 0.27522
}Semantic roles & 50–950 ramp
primary
#599D75
secondary
#BA98AC
accent
#649CC4
background
#F8FBF9
surface
#F0F6F2
border
#CBD0CC
text
#0C110E
muted
#7D807E