#D9E34F#D9E34F
#D9E34F is a very light, vivid yellow. Relative luminance 0.703; OKLCH L 88.2% C 0.167 H 113.1°. Best body text is #000000 at 15.05:1 contrast (WCAG AA passes).
Color values
| HEX | #D9E34F |
|---|---|
| RGB | rgb(217, 227, 79) |
| HSL | hsl(64, 73%, 60%) |
| HSV | hsv(64, 65%, 89%) |
| CMYK | cmyk(4.4%, 0%, 65.2%, 11%) |
| CIE-LAB | lab(87.12, -21.62, 68.18) |
| CIE-LCH | lch(87.12, 71.52, 107.60°) |
| OKLab | oklab(88.15% -0.0655 0.1537) |
| OKLCH | oklch(88.15% 0.167 113.1) |
| XYZ | xyz(57.4972, 70.2556, 17.9275) |
| Luminance | 0.7025 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Sickly Yellow
#D0E429
ΔE00 2.97
Off Yellow
#F1F33F
ΔE00 5.06
Piss Yellow
#DDD618
ΔE00 5.72
Yellowish
#FAEE66
ΔE00 6.00
Straw
#FCF679
ΔE00 6.28
Canary
#FDFF63
ΔE00 6.53
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D9E34F #594FE3
analogous
#E3A34F #D9E34F #8FE34F
triadic
#D9E34F #4FD9E3 #E34FD9
tetradic
#D9E34F #4FE3A3 #594FE3 #E34F8F
square
#D9E34F #4FE3A3 #594FE3 #E34F8F
split-complementary
#D9E34F #4F8FE3 #A34FE3
monochromatic
#959E19 #C7D322 #D9E34F #E4EB84 #F0F4B9
Accessibility & contrast
On white
1.40
#D9E34F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.05
#D9E34F on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D9E34F
15.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D9E34F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D9E34F | 1.00 | 1.40 | 15.05 | 15.05 |
| #FFFFFF | 1.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.05 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F3D93A
Deuteranopia (green-blind)
#F3DC59
Tritanopia (blue-blind)
#E7D6C5
Achromatopsia (no color)
#DADADA
Design tokens & code
CSS
--color: #d9e34f; /* rgb */ color: rgb(217, 227, 79); /* oklch */ color: oklch(88.2% 0.167 113.1);
Tailwind
colors: {
custom: {
50: '#e8eb88',
500: '#d9e34f',
950: '#000000',
},
}SCSS
$custom: #d9e34f; $custom-light: #e8eb88; $custom-dark: #000000;
JSON
{
"hex": "#d9e34f",
"rgb": {
"r": 217,
"g": 227,
"b": 79
},
"hsl": {
"h": 64.054,
"s": 72.549,
"l": 60
},
"oklch": {
"l": 0.88154,
"c": 0.16706,
"h": 113.1
},
"luminance": 0.70254
}Semantic roles & 50–950 ramp
primary
#D9E34F
secondary
#3C35A1
accent
#39EF45
background
#FFFEFC
surface
#FEFDF4
border
#D6D5CE
text
#16160C
muted
#85847F