#60725A#60725A
#60725A is a mid, muted green. Relative luminance 0.153; OKLCH L 53.0% C 0.043 H 137.9°. Best body text is #FFFFFF at 5.18:1 contrast (WCAG AA passes).
Color values
| HEX | #60725A |
|---|---|
| RGB | rgb(96, 114, 90) |
| HSL | hsl(105, 12%, 40%) |
| HSV | hsv(105, 21%, 45%) |
| CMYK | cmyk(15.8%, 0%, 21.1%, 55.3%) |
| CIE-LAB | lab(45.99, -11.66, 11.12) |
| CIE-LCH | lch(45.99, 16.12, 136.35°) |
| OKLab | oklab(53.02% -0.0316 0.0285) |
| OKLCH | oklch(53.02% 0.043 137.9) |
| XYZ | xyz(12.6863, 15.2594, 11.9479) |
| Luminance | 0.1526 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Dark Sage
#598556
ΔE00 9.91
Military Green
#667C3E
ΔE00 10.57
Darkolivegreen
#556B2F
ΔE00 10.58
Slate Green
#658D6D
ΔE00 10.82
Hunter Green
#355E3B
ΔE00 11.23
Muddy Green
#657432
ΔE00 11.42
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#60725A #6C5A72
analogous
#6C725A #60725A #5A7260
triadic
#60725A #5A6072 #725A60
tetradic
#60725A #5A6C72 #6C5A72 #72605A
square
#60725A #5A6C72 #6C5A72 #72605A
split-complementary
#60725A #605A72 #725A6C
monochromatic
#262E24 #43503F #60725A #7D9376 #9EAE98
Accessibility & contrast
On white
5.18
#60725A on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.05
#60725A on #000000
AA ✗AA large ✓AAA ✗
Best text color
#FFFFFF on #60725A
5.18:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##60725A | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##60725A | 1.00 | 5.18 | 4.05 | 5.18 |
| #FFFFFF | 5.18 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.05 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 5.18 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#746E59
Deuteranopia (green-blind)
#716C5B
Tritanopia (blue-blind)
#5F706B
Achromatopsia (no color)
#6D6D6D
Design tokens & code
CSS
--color: #60725a; /* rgb */ color: rgb(96, 114, 90); /* oklch */ color: oklch(53.0% 0.043 137.9);
Tailwind
colors: {
custom: {
50: '#8d9a88',
500: '#60725a',
950: '#000000',
},
}SCSS
$custom: #60725a; $custom-light: #8d9a88; $custom-dark: #000000;
JSON
{
"hex": "#60725a",
"rgb": {
"r": 96,
"g": 114,
"b": 90
},
"hsl": {
"h": 105,
"s": 11.765,
"l": 40
},
"oklch": {
"l": 0.53018,
"c": 0.04257,
"h": 137.9
},
"luminance": 0.1526
}Semantic roles & 50–950 ramp
primary
#60725A
secondary
#988B9D
accent
#73B5A4
background
#F8F9F8
surface
#F0F2EF
border
#CBCCCA
text
#0C0E0B
muted
#7D7E7C