#DFEE8B#DFEE8B
#DFEE8B is a very light, vivid yellow. Relative luminance 0.787; OKLCH L 91.6% C 0.124 H 116.0°. Best body text is #000000 at 16.74:1 contrast (WCAG AA passes).
Color values
| HEX | #DFEE8B |
|---|---|
| RGB | rgb(223, 238, 139) |
| HSL | hsl(69, 74%, 74%) |
| HSV | hsv(69, 42%, 93%) |
| CMYK | cmyk(6.3%, 0%, 41.6%, 6.7%) |
| CIE-LAB | lab(91.10, -19.62, 46.16) |
| CIE-LCH | lch(91.10, 50.16, 113.02°) |
| OKLab | oklab(91.64% -0.0545 0.1119) |
| OKLCH | oklch(91.64% 0.124 116) |
| XYZ | xyz(65.6667, 78.7018, 36.1527) |
| Luminance | 0.7870 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Light Khaki
#E6F2A2
ΔE00 3.31
Yellowish Tan
#FCFC81
ΔE00 6.17
Khaki (CSS)
#F0E68C
ΔE00 6.28
Buff
#FEF69E
ΔE00 6.35
Parchment
#FEFCAF
ΔE00 6.42
Manilla
#FFFA86
ΔE00 6.48
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DFEE8B #9A8BEE
analogous
#EECC8B #DFEE8B #AEEE8B
triadic
#DFEE8B #8BDFEE #EE8BDF
tetradic
#DFEE8B #8BEECC #9A8BEE #EE8BAE
square
#DFEE8B #8BEECC #9A8BEE #EE8BAE
split-complementary
#DFEE8B #8BAEEE #CC8BEE
monochromatic
#C1DE21 #D0E656 #DFEE8B #EEF6C0 #F8FBE4
Accessibility & contrast
On white
1.25
#DFEE8B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.74
#DFEE8B on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DFEE8B
16.74:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DFEE8B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DFEE8B | 1.00 | 1.25 | 16.74 | 16.74 |
| #FFFFFF | 1.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.74 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FAE583
Deuteranopia (green-blind)
#F9E690
Tritanopia (blue-blind)
#E9E4D6
Achromatopsia (no color)
#E5E5E5
Design tokens & code
CSS
--color: #dfee8b; /* rgb */ color: rgb(223, 238, 139); /* oklch */ color: oklch(91.6% 0.124 116.0);
Tailwind
colors: {
custom: {
50: '#eaf3ae',
500: '#dfee8b',
950: '#000000',
},
}SCSS
$custom: #dfee8b; $custom-light: #eaf3ae; $custom-dark: #000000;
JSON
{
"hex": "#dfee8b",
"rgb": {
"r": 223,
"g": 238,
"b": 139
},
"hsl": {
"h": 69.091,
"s": 74.436,
"l": 73.922
},
"oklch": {
"l": 0.9164,
"c": 0.12447,
"h": 116
},
"luminance": 0.78701
}Semantic roles & 50–950 ramp
primary
#DFEE8B
secondary
#6654C9
accent
#0FD72D
background
#FFFFFD
surface
#FEFEF7
border
#D6D6D0
text
#161710
muted
#858581