#EDF7DB#EDF7DB
#EDF7DB is a very light, muted yellow-green. Relative luminance 0.896; OKLCH L 96.1% C 0.038 H 123.1°. Best body text is #000000 at 18.93:1 contrast (WCAG AA passes).
Color values
| HEX | #EDF7DB |
|---|---|
| RGB | rgb(237, 247, 219) |
| HSL | hsl(81, 64%, 91%) |
| HSV | hsv(81, 11%, 97%) |
| CMYK | cmyk(4%, 0%, 11.3%, 3.1%) |
| CIE-LAB | lab(95.85, -8.12, 12.34) |
| CIE-LCH | lch(95.85, 14.77, 123.33°) |
| OKLab | oklab(96.13% -0.0209 0.0321) |
| OKLCH | oklch(96.13% 0.038 123.1) |
| XYZ | xyz(80.9701, 89.6405, 80.0408) |
| Luminance | 0.8964 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Beige
#F5F5DC
ΔE00 4.06
Lightyellow
#FFFFE0
ΔE00 4.30
Off White (survey)
#FFFFE4
ΔE00 4.39
Lightgoldenrodyellow
#FAFAD2
ΔE00 4.98
Honeydew
#F0FFF0
ΔE00 5.04
Eggshell (survey)
#FFFFD4
ΔE00 5.73
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EDF7DB #E5DBF7
analogous
#F7F3DB #EDF7DB #DFF7DB
triadic
#EDF7DB #DBEDF7 #F7DBED
tetradic
#EDF7DB #DBF7F3 #E5DBF7 #F7DBDF
square
#EDF7DB #DBF7F3 #E5DBF7 #F7DBDF
split-complementary
#EDF7DB #DBDFF7 #F3DBF7
monochromatic
#BBE177 #D4ECA9 #EDF7DB #F2F9E6 #F2F9E6
Accessibility & contrast
On white
1.11
#EDF7DB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.93
#EDF7DB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EDF7DB
18.93:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EDF7DB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EDF7DB | 1.00 | 1.11 | 18.93 | 18.93 |
| #FFFFFF | 1.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.93 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.93 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FBF3D9
Deuteranopia (green-blind)
#F9F3DC
Tritanopia (blue-blind)
#EFF4EF
Achromatopsia (no color)
#F3F3F3
Design tokens & code
CSS
--color: #edf7db; /* rgb */ color: rgb(237, 247, 219); /* oklch */ color: oklch(96.1% 0.038 123.1);
Tailwind
colors: {
custom: {
50: '#f2f9e6',
500: '#edf7db',
950: '#000000',
},
}SCSS
$custom: #edf7db; $custom-light: #f2f9e6; $custom-dark: #000000;
JSON
{
"hex": "#edf7db",
"rgb": {
"r": 237,
"g": 247,
"b": 219
},
"hsl": {
"h": 81.429,
"s": 63.636,
"l": 91.373
},
"oklch": {
"l": 0.96125,
"c": 0.03829,
"h": 123.1
},
"luminance": 0.89641
}Semantic roles & 50–950 ramp
primary
#EDF7DB
secondary
#B29DD9
accent
#1ACB59
background
#FFFFFE
surface
#FEFFFC
border
#D6D7D5
text
#171715
muted
#858584