#98A92B#98A92B
#98A92B is a light, vivid yellow. Relative luminance 0.352; OKLCH L 69.9% C 0.146 H 117.1°. Best body text is #000000 at 8.05:1 contrast (WCAG AA passes).
Color values
| HEX | #98A92B |
|---|---|
| RGB | rgb(152, 169, 43) |
| HSL | hsl(68, 59%, 42%) |
| HSV | hsv(68, 75%, 66%) |
| CMYK | cmyk(10.1%, 0%, 74.6%, 33.7%) |
| CIE-LAB | lab(65.92, -22.13, 58.79) |
| CIE-LCH | lch(65.92, 62.81, 110.63°) |
| OKLab | oklab(69.87% -0.0666 0.1299) |
| OKLCH | oklch(69.87% 0.146 117.1) |
| XYZ | xyz(27.5736, 35.2261, 7.6318) |
| Luminance | 0.3523 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Pea Soup Green
#94A617
ΔE00 1.58
Barf Green
#94AC02
ΔE00 2.54
Pea Green
#8EAB12
ΔE00 2.65
Puke Green
#9AAE07
ΔE00 2.72
Icky Green
#8FAE22
ΔE00 2.95
Vomit Green
#89A203
ΔE00 3.35
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#98A92B #3C2BA9
analogous
#A97B2B #98A92B #59A92B
triadic
#98A92B #2B98A9 #A92B98
tetradic
#98A92B #2BA97B #3C2BA9 #A92B59
square
#98A92B #2BA97B #3C2BA9 #A92B59
split-complementary
#98A92B #2B59A9 #7B2BA9
monochromatic
#404712 #6C781F #98A92B #BCCF42 #CDDB73
Accessibility & contrast
On white
2.61
#98A92B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.05
#98A92B on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #98A92B
8.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##98A92B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##98A92B | 1.00 | 2.61 | 8.05 | 8.05 |
| #FFFFFF | 2.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.05 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B5A010
Deuteranopia (green-blind)
#B3A136
Tritanopia (blue-blind)
#A29F91
Achromatopsia (no color)
#A0A0A0
Design tokens & code
CSS
--color: #98a92b; /* rgb */ color: rgb(152, 169, 43); /* oklch */ color: oklch(69.9% 0.146 117.1);
Tailwind
colors: {
custom: {
50: '#bac26e',
500: '#98a92b',
950: '#000000',
},
}SCSS
$custom: #98a92b; $custom-light: #bac26e; $custom-dark: #000000;
JSON
{
"hex": "#98a92b",
"rgb": {
"r": 152,
"g": 169,
"b": 43
},
"hsl": {
"h": 68.095,
"s": 59.434,
"l": 41.569
},
"oklch": {
"l": 0.69867,
"c": 0.14599,
"h": 117.1
},
"luminance": 0.35226
}Semantic roles & 50–950 ramp
primary
#98A92B
secondary
#796DC3
accent
#45E35A
background
#FBFBF6
surface
#F7F7EC
border
#D0D0C7
text
#121208
muted
#81817B