#ADB92C#ADB92C
#ADB92C is a light, vivid yellow. Relative luminance 0.438; OKLCH L 75.2% C 0.156 H 114.5°. Best body text is #000000 at 9.75:1 contrast (WCAG AA passes).
Color values
| HEX | #ADB92C |
|---|---|
| RGB | rgb(173, 185, 44) |
| HSL | hsl(65, 62%, 45%) |
| HSV | hsv(65, 76%, 73%) |
| CMYK | cmyk(6.5%, 0%, 76.2%, 27.5%) |
| CIE-LAB | lab(72.07, -21.10, 64.78) |
| CIE-LCH | lch(72.07, 68.13, 108.05°) |
| OKLab | oklab(75.2% -0.0648 0.1421) |
| OKLCH | oklch(75.2% 0.156 114.5) |
| XYZ | xyz(35.0382, 43.7647, 8.9841) |
| Luminance | 0.4376 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Snot
#ACBB0D
ΔE00 1.81
Mustard Green
#A8B504
ΔE00 2.06
Pea
#A4BF20
ΔE00 3.19
Bile
#B5C306
ΔE00 3.52
Sick Green
#9DB92C
ΔE00 3.64
Baby Puke Green
#B6C406
ΔE00 3.75
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#ADB92C #382CB9
analogous
#B97E2C #ADB92C #67B92C
triadic
#ADB92C #2CADB9 #B92CAD
tetradic
#ADB92C #2CB97E #382CB9 #B92C67
square
#ADB92C #2CB97E #382CB9 #B92C67
split-complementary
#ADB92C #2C67B9 #7E2CB9
monochromatic
#515614 #7F8820 #ADB92C #C9D54D #D8E17F
Accessibility & contrast
On white
2.15
#ADB92C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.75
#ADB92C on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #ADB92C
9.75:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##ADB92C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ADB92C | 1.00 | 2.15 | 9.75 | 9.75 |
| #FFFFFF | 2.15 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.75 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.75 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#C7B005
Deuteranopia (green-blind)
#C6B239
Tritanopia (blue-blind)
#B9AE9F
Achromatopsia (no color)
#B1B1B1
Design tokens & code
CSS
--color: #adb92c; /* rgb */ color: rgb(173, 185, 44); /* oklch */ color: oklch(75.2% 0.156 114.5);
Tailwind
colors: {
custom: {
50: '#c9cd71',
500: '#adb92c',
950: '#000000',
},
}SCSS
$custom: #adb92c; $custom-light: #c9cd71; $custom-dark: #000000;
JSON
{
"hex": "#adb92c",
"rgb": {
"r": 173,
"g": 185,
"b": 44
},
"hsl": {
"h": 65.106,
"s": 61.572,
"l": 44.902
},
"oklch": {
"l": 0.75201,
"c": 0.15615,
"h": 114.5
},
"luminance": 0.43764
}Semantic roles & 50–950 ramp
primary
#ADB92C
secondary
#7F78C9
accent
#43E551
background
#FCFCF7
surface
#F9F9ED
border
#D2D2C8
text
#141308
muted
#82827B