#ADA899#ADA899
#ADA899 is a light, muted yellow. Relative luminance 0.392; OKLCH L 73.2% C 0.022 H 91.6°. Best body text is #000000 at 8.84:1 contrast (WCAG AA passes).
Color values
| HEX | #ADA899 |
|---|---|
| RGB | rgb(173, 168, 153) |
| HSL | hsl(45, 11%, 64%) |
| HSV | hsv(45, 12%, 68%) |
| CMYK | cmyk(0%, 2.9%, 11.6%, 32.2%) |
| CIE-LAB | lab(68.89, -0.86, 8.39) |
| CIE-LCH | lch(68.89, 8.43, 95.88°) |
| OKLab | oklab(73.15% -0.0006 0.0219) |
| OKLCH | oklch(73.15% 0.022 91.6) |
| XYZ | xyz(36.9854, 39.1898, 35.7468) |
| Luminance | 0.3919 (WCAG relative) |
| Temperature | neutral |
| Family | yellow |
Closest named colors
Greyish
#A8A495
ΔE00 1.35
Cement
#A5A391
ΔE00 2.82
Stone
#A89F91
ΔE00 3.34
Greige
#B8AB98
ΔE00 4.01
Bland
#AFA88B
ΔE00 5.05
Stone (survey)
#ADA587
ΔE00 5.46
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#ADA899 #999EAD
analogous
#AD9E99 #ADA899 #A8AD99
triadic
#ADA899 #99ADA8 #A899AD
tetradic
#ADA899 #99AD9E #999EAD #AD99A8
square
#ADA899 #99AD9E #999EAD #AD99A8
split-complementary
#ADA899 #99A8AD #9E99AD
monochromatic
#716B5B #928B77 #ADA899 #C8C5BB #E4E2DD
Accessibility & contrast
On white
2.38
#ADA899 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.84
#ADA899 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #ADA899
8.84:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##ADA899 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ADA899 | 1.00 | 2.38 | 8.84 | 8.84 |
| #FFFFFF | 2.38 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.84 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.84 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#ACA798
Deuteranopia (green-blind)
#ADA999
Tritanopia (blue-blind)
#B1A5A4
Achromatopsia (no color)
#A8A8A8
Design tokens & code
CSS
--color: #ada899; /* rgb */ color: rgb(173, 168, 153); /* oklch */ color: oklch(73.2% 0.022 91.6);
Tailwind
colors: {
custom: {
50: '#c5c1b7',
500: '#ada899',
950: '#000000',
},
}SCSS
$custom: #ada899; $custom-light: #c5c1b7; $custom-dark: #000000;
JSON
{
"hex": "#ada899",
"rgb": {
"r": 173,
"g": 168,
"b": 153
},
"hsl": {
"h": 45,
"s": 10.87,
"l": 63.922
},
"oklch": {
"l": 0.73151,
"c": 0.02189,
"h": 91.6
},
"luminance": 0.39189
}Semantic roles & 50–950 ramp
primary
#ADA899
secondary
#CDCFD4
accent
#629551
background
#FCFBFB
surface
#F8F7F6
border
#D1D0D0
text
#131211
muted
#828180