#D5E43D#D5E43D
#D5E43D is a very light, vivid yellow. Relative luminance 0.700; OKLCH L 87.9% C 0.180 H 114.7°. Best body text is #000000 at 14.99:1 contrast (WCAG AA passes).
Color values
| HEX | #D5E43D |
|---|---|
| RGB | rgb(213, 228, 61) |
| HSL | hsl(65, 76%, 57%) |
| HSV | hsv(65, 73%, 89%) |
| CMYK | cmyk(6.6%, 0%, 73.2%, 10.6%) |
| CIE-LAB | lab(86.98, -24.65, 74.34) |
| CIE-LCH | lch(86.98, 78.32, 108.35°) |
| OKLab | oklab(87.93% -0.0753 0.1639) |
| OKLCH | oklch(87.93% 0.18 114.7) |
| XYZ | xyz(56.0279, 69.9709, 14.9682) |
| Luminance | 0.6997 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Sickly Yellow
#D0E429
ΔE00 1.35
Off Yellow
#F1F33F
ΔE00 4.89
Piss Yellow
#DDD618
ΔE00 5.79
Yellowish Green
#B0DD16
ΔE00 5.98
Green Yellow
#B5CE08
ΔE00 5.98
Yellowy Green
#BFF128
ΔE00 6.07
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#D5E43D #4C3DE4
analogous
#E4A03D #D5E43D #82E43D
triadic
#D5E43D #3DD5E4 #E43DD5
tetradic
#D5E43D #3DE4A0 #4C3DE4 #E43D82
square
#D5E43D #3DE4A0 #4C3DE4 #E43D82
split-complementary
#D5E43D #3D82E4 #A03DE4
monochromatic
#879214 #B9C81C #D5E43D #E1EB73 #ECF3A8
Accessibility & contrast
On white
1.40
#D5E43D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.99
#D5E43D on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #D5E43D
14.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##D5E43D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D5E43D | 1.00 | 1.40 | 14.99 | 14.99 |
| #FFFFFF | 1.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F4D918
Deuteranopia (green-blind)
#F4DB4B
Tritanopia (blue-blind)
#E3D7C4
Achromatopsia (no color)
#DADADA
Design tokens & code
CSS
--color: #d5e43d; /* rgb */ color: rgb(213, 228, 61); /* oklch */ color: oklch(87.9% 0.180 114.7);
Tailwind
colors: {
custom: {
50: '#e6ec7e',
500: '#d5e43d',
950: '#000000',
},
}SCSS
$custom: #d5e43d; $custom-light: #e6ec7e; $custom-dark: #000000;
JSON
{
"hex": "#d5e43d",
"rgb": {
"r": 213,
"g": 228,
"b": 61
},
"hsl": {
"h": 65.389,
"s": 75.566,
"l": 56.667
},
"oklch": {
"l": 0.87933,
"c": 0.1804,
"h": 114.7
},
"luminance": 0.6997
}Semantic roles & 50–950 ramp
primary
#D5E43D
secondary
#382E97
accent
#36F247
background
#FFFEFB
surface
#FEFDF2
border
#D6D5CC
text
#16160B
muted
#85847E