#F6EAE8#F6EAE8
#F6EAE8 is a very light, near-neutral red. Relative luminance 0.843; OKLCH L 94.6% C 0.013 H 28.9°. Best body text is #000000 at 17.85:1 contrast (WCAG AA passes).
Color values
| HEX | #F6EAE8 |
|---|---|
| RGB | rgb(246, 234, 232) |
| HSL | hsl(9, 44%, 94%) |
| HSV | hsv(9, 6%, 96%) |
| CMYK | cmyk(0%, 4.9%, 5.7%, 3.5%) |
| CIE-LAB | lab(93.57, 3.71, 2.42) |
| CIE-LCH | lch(93.57, 4.43, 33.11°) |
| OKLab | oklab(94.59% 0.0117 0.0064) |
| OKLCH | oklch(94.59% 0.013 28.9) |
| XYZ | xyz(81.9925, 84.2654, 88.2737) |
| Luminance | 0.8427 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Very Light Pink
#FFF4F2
ΔE00 2.08
Seashell
#FFF5EE
ΔE00 3.64
Lavenderblush
#FFF0F5
ΔE00 4.00
Snow
#FFFAFA
ΔE00 4.26
Linen
#FAF0E6
ΔE00 4.55
Mistyrose
#FFE4E1
ΔE00 5.49
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#F6EAE8 #E8F4F6
analogous
#F6E8ED #F6EAE8 #F6F1E8
triadic
#F6EAE8 #E8F6EA #EAE8F6
tetradic
#F6EAE8 #EDF6E8 #E8F4F6 #F1E8F6
square
#F6EAE8 #EDF6E8 #E8F4F6 #F1E8F6
split-complementary
#F6EAE8 #E8F6F1 #E8EDF6
monochromatic
#D49A90 #E5C2BC #F6EAE8 #F6EBE9 #F6EBE9
Accessibility & contrast
On white
1.18
#F6EAE8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.85
#F6EAE8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #F6EAE8
17.85:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##F6EAE8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F6EAE8 | 1.00 | 1.18 | 17.85 | 17.85 |
| #FFFFFF | 1.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.85 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#ECEBE8
Deuteranopia (green-blind)
#EFEDE8
Tritanopia (blue-blind)
#F9E9E9
Achromatopsia (no color)
#ECECEC
Design tokens & code
CSS
--color: #f6eae8; /* rgb */ color: rgb(246, 234, 232); /* oklch */ color: oklch(94.6% 0.013 28.9);
Tailwind
colors: {
custom: {
50: '#f9f0ef',
500: '#f6eae8',
950: '#000000',
},
}SCSS
$custom: #f6eae8; $custom-light: #f9f0ef; $custom-dark: #000000;
JSON
{
"hex": "#f6eae8",
"rgb": {
"r": 246,
"g": 234,
"b": 232
},
"hsl": {
"h": 8.571,
"s": 43.75,
"l": 93.725
},
"oklch": {
"l": 0.94594,
"c": 0.01335,
"h": 28.9
},
"luminance": 0.84265
}Semantic roles & 50–950 ramp
primary
#F6EAE8
secondary
#AECFD4
accent
#A3B72F
background
#FFFFFF
surface
#FFFEFE
border
#D7D6D6
text
#171616
muted
#858585