#AAAD70#AAAD70
#AAAD70 is a light, moderate yellow. Relative luminance 0.396; OKLCH L 73.1% C 0.082 H 110.7°. Best body text is #000000 at 8.92:1 contrast (WCAG AA passes).
Color values
| HEX | #AAAD70 |
|---|---|
| RGB | rgb(170, 173, 112) |
| HSL | hsl(63, 27%, 56%) |
| HSV | hsv(63, 35%, 68%) |
| CMYK | cmyk(1.7%, 0%, 35.3%, 32.2%) |
| CIE-LAB | lab(69.19, -10.70, 31.03) |
| CIE-LCH | lch(69.19, 32.83, 109.02°) |
| OKLab | oklab(73.06% -0.0288 0.0765) |
| OKLCH | oklch(73.06% 0.082 110.7) |
| XYZ | xyz(34.4460, 39.6036, 21.1558) |
| Luminance | 0.3960 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Khaki (survey)
#AAA662
ΔE00 3.24
Darkkhaki
#BDB76B
ΔE00 5.12
Tan Green
#A9BE70
ΔE00 6.26
Light Olive
#ACBF69
ΔE00 6.72
Sand
#C2B280
ΔE00 7.28
Moss Green
#8A9A5B
ΔE00 7.61
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#AAAD70 #7370AD
analogous
#AD9170 #AAAD70 #8BAD70
triadic
#AAAD70 #70AAAD #AD70AA
tetradic
#AAAD70 #70AD91 #7370AD #AD708B
square
#AAAD70 #70AD91 #7370AD #AD708B
split-complementary
#AAAD70 #708BAD #9170AD
monochromatic
#65673B #8B8E52 #AAAD70 #C1C397 #D8DABE
Accessibility & contrast
On white
2.35
#AAAD70 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.92
#AAAD70 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #AAAD70
8.92:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##AAAD70 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##AAAD70 | 1.00 | 2.35 | 8.92 | 8.92 |
| #FFFFFF | 2.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.92 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B6A86C
Deuteranopia (green-blind)
#B6AA73
Tritanopia (blue-blind)
#B2A69E
Achromatopsia (no color)
#A9A9A9
Design tokens & code
CSS
--color: #aaad70; /* rgb */ color: rgb(170, 173, 112); /* oklch */ color: oklch(73.1% 0.082 110.7);
Tailwind
colors: {
custom: {
50: '#c4c59a',
500: '#aaad70',
950: '#000000',
},
}SCSS
$custom: #aaad70; $custom-light: #c4c59a; $custom-dark: #000000;
JSON
{
"hex": "#aaad70",
"rgb": {
"r": 170,
"g": 173,
"b": 112
},
"hsl": {
"h": 62.951,
"s": 27.111,
"l": 55.882
},
"oklch": {
"l": 0.7306,
"c": 0.08176,
"h": 110.7
},
"luminance": 0.39603
}Semantic roles & 50–950 ramp
primary
#AAAD70
secondary
#B1B0C9
accent
#64C369
background
#FCFCF9
surface
#F8F8F2
border
#D1D1CC
text
#13120E
muted
#82817E