#DDFD78#DDFD78
#DDFD78 is a very light, vivid yellow-green. Relative luminance 0.870; OKLCH L 94.4% C 0.163 H 120.8°. Best body text is #000000 at 18.40:1 contrast (WCAG AA passes).
Color values
| HEX | #DDFD78 |
|---|---|
| RGB | rgb(221, 253, 120) |
| HSL | hsl(74, 97%, 73%) |
| HSV | hsv(74, 53%, 99%) |
| CMYK | cmyk(12.6%, 0%, 52.6%, 0.8%) |
| CIE-LAB | lab(94.73, -29.36, 59.41) |
| CIE-LCH | lch(94.73, 66.26, 116.30°) |
| OKLab | oklab(94.44% -0.0835 0.1398) |
| OKLCH | oklch(94.44% 0.163 120.8) |
| XYZ | xyz(68.3348, 86.9789, 30.9543) |
| Luminance | 0.8698 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pear
#CBF85F
ΔE00 3.04
Light Yellow Green
#CCFD7F
ΔE00 3.56
Light Pea Green
#C4FE82
ΔE00 5.16
Pale Lime
#BEFD73
ΔE00 5.21
Yellow Green
#C8FD3D
ΔE00 5.34
Light Lime Green
#B9FF66
ΔE00 5.82
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#DDFD78 #9878FD
analogous
#FDDA78 #DDFD78 #9AFD78
triadic
#DDFD78 #78DDFD #FD78DD
tetradic
#DDFD78 #78FDDA #9878FD #FD789A
square
#DDFD78 #78FDDA #9878FD #FD789A
split-complementary
#DDFD78 #789AFD #DA78FD
monochromatic
#BCF704 #CEFC3C #DDFD78 #ECFEB4 #F7FFE1
Accessibility & contrast
On white
1.14
#DDFD78 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.40
#DDFD78 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #DDFD78
18.40:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##DDFD78 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DDFD78 | 1.00 | 1.14 | 18.40 | 18.40 |
| #FFFFFF | 1.14 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.40 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.40 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FFF06B
Deuteranopia (green-blind)
#FFF080
Tritanopia (blue-blind)
#E7F2DF
Achromatopsia (no color)
#F0F0F0
Design tokens & code
CSS
--color: #ddfd78; /* rgb */ color: rgb(221, 253, 120); /* oklch */ color: oklch(94.4% 0.163 120.8);
Tailwind
colors: {
custom: {
50: '#eafea2',
500: '#ddfd78',
950: '#000000',
},
}SCSS
$custom: #ddfd78; $custom-light: #eafea2; $custom-dark: #000000;
JSON
{
"hex": "#ddfd78",
"rgb": {
"r": 221,
"g": 253,
"b": 120
},
"hsl": {
"h": 74.436,
"s": 97.08,
"l": 73.137
},
"oklch": {
"l": 0.9444,
"c": 0.16283,
"h": 120.8
},
"luminance": 0.86979
}Semantic roles & 50–950 ramp
primary
#DDFD78
secondary
#643FDA
accent
#00E637
background
#FFFFFC
surface
#FEFFF6
border
#D6D7D0
text
#16170F
muted
#858580