#EAEADB#EAEADB
#EAEADB is a very light, near-neutral yellow. Relative luminance 0.815; OKLCH L 93.3% C 0.020 H 106.8°. Best body text is #000000 at 17.29:1 contrast (WCAG AA passes).
Color values
| HEX | #EAEADB |
|---|---|
| RGB | rgb(234, 234, 219) |
| HSL | hsl(60, 26%, 89%) |
| HSV | hsv(60, 6%, 92%) |
| CMYK | cmyk(0%, 0%, 6.4%, 8.2%) |
| CIE-LAB | lab(92.33, -2.59, 7.28) |
| CIE-LCH | lch(92.33, 7.73, 109.56°) |
| OKLab | oklab(93.3% -0.0057 0.0191) |
| OKLCH | oklch(93.3% 0.02 106.8) |
| XYZ | xyz(76.1389, 81.4528, 78.7150) |
| Luminance | 0.8145 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Eggshell
#F0EAD6
ΔE00 3.00
Beige
#F5F5DC
ΔE00 4.19
Ivory
#FFFFF0
ΔE00 4.33
Oldlace
#FDF5E6
ΔE00 4.68
Light Grey
#D8DCD6
ΔE00 5.06
Floralwhite
#FFFAF0
ΔE00 5.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#EAEADB #DBDBEA
analogous
#EAE3DB #EAEADB #E3EADB
triadic
#EAEADB #DBEAEA #EADBEA
tetradic
#EAEADB #DBEAE3 #DBDBEA #EADBE3
square
#EAEADB #DBEAE3 #DBDBEA #EADBE3
split-complementary
#EAEADB #DBE3EA #E3DBEA
monochromatic
#BDBD8E #D3D3B4 #EAEADB #F4F4EC #F4F4EC
Accessibility & contrast
On white
1.21
#EAEADB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.29
#EAEADB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #EAEADB
17.29:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##EAEADB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EAEADB | 1.00 | 1.21 | 17.29 | 17.29 |
| #FFFFFF | 1.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.29 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EDE9DA
Deuteranopia (green-blind)
#EDE9DB
Tritanopia (blue-blind)
#EDE8E6
Achromatopsia (no color)
#E9E9E9
Design tokens & code
CSS
--color: #eaeadb; /* rgb */ color: rgb(234, 234, 219); /* oklch */ color: oklch(93.3% 0.020 106.8);
Tailwind
colors: {
custom: {
50: '#f0f0e6',
500: '#eaeadb',
950: '#000000',
},
}SCSS
$custom: #eaeadb; $custom-light: #f0f0e6; $custom-dark: #000000;
JSON
{
"hex": "#eaeadb",
"rgb": {
"r": 234,
"g": 234,
"b": 219
},
"hsl": {
"h": 60,
"s": 26.316,
"l": 88.824
},
"oklch": {
"l": 0.93297,
"c": 0.01993,
"h": 106.8
},
"luminance": 0.81453
}Semantic roles & 50–950 ramp
primary
#EAEADB
secondary
#A7A7C2
accent
#41A541
background
#FFFFFE
surface
#FEFEFC
border
#D6D6D5
text
#161615
muted
#858584