#8D925D#8D925D
#8D925D is a light, moderate yellow. Relative luminance 0.270; OKLCH L 64.3% C 0.074 H 112.9°. Best body text is #000000 at 6.40:1 contrast (WCAG AA passes).
Color values
| HEX | #8D925D |
|---|---|
| RGB | rgb(141, 146, 93) |
| HSL | hsl(66, 22%, 47%) |
| HSV | hsv(66, 36%, 57%) |
| CMYK | cmyk(3.4%, 0%, 36.3%, 42.7%) |
| CIE-LAB | lab(58.98, -10.55, 27.52) |
| CIE-LCH | lch(58.98, 29.47, 110.98°) |
| OKLab | oklab(64.27% -0.0286 0.0678) |
| OKLCH | oklch(64.27% 0.074 112.9) |
| XYZ | xyz(23.2393, 27.0111, 14.3432) |
| Luminance | 0.2701 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Moss Green
#8A9A5B
ΔE00 3.93
Camo
#7F8F4E
ΔE00 4.24
Dark Khaki
#9B8F55
ΔE00 5.90
Drab
#828344
ΔE00 5.98
Drab Green
#749551
ΔE00 7.39
Moss
#769958
ΔE00 7.66
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#8D925D #625D92
analogous
#927D5D #8D925D #73925D
triadic
#8D925D #5D8D92 #925D8D
tetradic
#8D925D #5D927D #625D92 #925D73
square
#8D925D #5D927D #625D92 #925D73
split-complementary
#8D925D #5D7392 #7D5D92
monochromatic
#45472D #696D45 #8D925D #A9AD7F #C2C5A4
Accessibility & contrast
On white
3.28
#8D925D on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.40
#8D925D on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #8D925D
6.40:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##8D925D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##8D925D | 1.00 | 3.28 | 6.40 | 6.40 |
| #FFFFFF | 3.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.40 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.40 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#998D59
Deuteranopia (green-blind)
#998F5F
Tritanopia (blue-blind)
#938C85
Achromatopsia (no color)
#8E8E8E
Design tokens & code
CSS
--color: #8d925d; /* rgb */ color: rgb(141, 146, 93); /* oklch */ color: oklch(64.3% 0.074 112.9);
Tailwind
colors: {
custom: {
50: '#afb18b',
500: '#8d925d',
950: '#000000',
},
}SCSS
$custom: #8d925d; $custom-light: #afb18b; $custom-dark: #000000;
JSON
{
"hex": "#8d925d",
"rgb": {
"r": 141,
"g": 146,
"b": 93
},
"hsl": {
"h": 65.66,
"s": 22.176,
"l": 46.863
},
"oklch": {
"l": 0.6427,
"c": 0.07358,
"h": 112.9
},
"luminance": 0.27011
}Semantic roles & 50–950 ramp
primary
#8D925D
secondary
#9A97B3
accent
#69BF71
background
#FAFAF8
surface
#F4F5F0
border
#CECFCB
text
#10100C
muted
#7F7F7D