#9AAA37#9AAA37
#9AAA37 is a light, vivid yellow. Relative luminance 0.359; OKLCH L 70.3% C 0.139 H 116.9°. Best body text is #000000 at 8.18:1 contrast (WCAG AA passes).
Color values
| HEX | #9AAA37 |
|---|---|
| RGB | rgb(154, 170, 55) |
| HSL | hsl(68, 51%, 44%) |
| HSV | hsv(68, 68%, 67%) |
| CMYK | cmyk(9.4%, 0%, 67.6%, 33.3%) |
| CIE-LAB | lab(66.44, -21.11, 54.87) |
| CIE-LCH | lch(66.44, 58.79, 111.04°) |
| OKLab | oklab(70.34% -0.0628 0.1236) |
| OKLCH | oklch(70.34% 0.139 116.9) |
| XYZ | xyz(28.3914, 35.8956, 9.0466) |
| Luminance | 0.3589 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Pea Soup Green
#94A617
ΔE00 2.72
Icky Green
#8FAE22
ΔE00 3.34
Booger
#9BB53C
ΔE00 3.40
Pea Green
#8EAB12
ΔE00 3.45
Barf Green
#94AC02
ΔE00 3.55
Puke Green
#9AAE07
ΔE00 3.63
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9AAA37 #4737AA
analogous
#AA8137 #9AAA37 #61AA37
triadic
#9AAA37 #379AAA #AA379A
tetradic
#9AAA37 #37AA81 #4737AA #AA3761
square
#9AAA37 #37AA81 #4737AA #AA3761
split-complementary
#9AAA37 #3761AA #8137AA
monochromatic
#464E19 #707C28 #9AAA37 #B8C856 #CCD784
Accessibility & contrast
On white
2.57
#9AAA37 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.18
#9AAA37 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #9AAA37
8.18:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9AAA37 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9AAA37 | 1.00 | 2.57 | 8.18 | 8.18 |
| #FFFFFF | 2.57 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.18 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.18 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B5A126
Deuteranopia (green-blind)
#B4A23F
Tritanopia (blue-blind)
#A3A193
Achromatopsia (no color)
#A2A2A2
Design tokens & code
CSS
--color: #9aaa37; /* rgb */ color: rgb(154, 170, 55); /* oklch */ color: oklch(70.3% 0.139 116.9);
Tailwind
colors: {
custom: {
50: '#bbc374',
500: '#9aaa37',
950: '#000000',
},
}SCSS
$custom: #9aaa37; $custom-light: #bbc374; $custom-dark: #000000;
JSON
{
"hex": "#9aaa37",
"rgb": {
"r": 154,
"g": 170,
"b": 55
},
"hsl": {
"h": 68.348,
"s": 51.111,
"l": 44.118
},
"oklch": {
"l": 0.70344,
"c": 0.13863,
"h": 116.9
},
"luminance": 0.35895
}Semantic roles & 50–950 ramp
primary
#9AAA37
secondary
#857CC1
accent
#4DDB61
background
#FBFBF7
surface
#F7F7ED
border
#D0D0C8
text
#121209
muted
#81817B