#F6EBCB#F6EBCB
#F6EBCB is a very light, muted orange. Relative luminance 0.833; OKLCH L 94.1% C 0.044 H 91.3°. Best body text is #000000 at 17.66:1 contrast (WCAG AA passes).
Color values
| HEX | #F6EBCB |
|---|---|
| RGB | rgb(246, 235, 203) |
| HSL | hsl(45, 70%, 88%) |
| HSV | hsv(45, 17%, 96%) |
| CMYK | cmyk(0%, 4.5%, 17.5%, 3.5%) |
| CIE-LAB | lab(93.16, -1.39, 16.88) |
| CIE-LCH | lch(93.16, 16.94, 94.72°) |
| OKLab | oklab(94.05% -0.001 0.0436) |
| OKLCH | oklch(94.05% 0.044 91.3) |
| XYZ | xyz(78.4933, 83.3225, 68.4362) |
| Luminance | 0.8332 (WCAG relative) |
| Temperature | warm |
| Family | orange |
Closest named colors
Cornsilk
#FFF8DC
ΔE00 3.20
Papayawhip
#FFEFD5
ΔE00 3.72
Champagne
#F7E7CE
ΔE00 3.89
Eggshell
#F0EAD6
ΔE00 4.02
Blanchedalmond
#FFEBCD
ΔE00 4.21
Pale
#FFF9D0
ΔE00 4.41
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#F6EBCB #CBD6F6
analogous
#F6D5CB #F6EBCB #EBF6CB
triadic
#F6EBCB #CBF6EB #EBCBF6
tetradic
#F6EBCB #CBF6D5 #CBD6F6 #F6CBEB
square
#F6EBCB #CBF6D5 #CBD6F6 #F6CBEB
split-complementary
#F6EBCB #CBEBF6 #D5CBF6
monochromatic
#E4C363 #EDD797 #F6EBCB #FAF5E5 #FAF5E5
Accessibility & contrast
On white
1.19
#F6EBCB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.66
#F6EBCB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #F6EBCB
17.66:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##F6EBCB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F6EBCB | 1.00 | 1.19 | 17.66 | 17.66 |
| #FFFFFF | 1.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.66 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.66 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F3E9C9
Deuteranopia (green-blind)
#F6EDCC
Tritanopia (blue-blind)
#FDE6E2
Achromatopsia (no color)
#EBEBEB
Design tokens & code
CSS
--color: #f6ebcb; /* rgb */ color: rgb(246, 235, 203); /* oklch */ color: oklch(94.1% 0.044 91.3);
Tailwind
colors: {
custom: {
50: '#f9f1da',
500: '#f6ebcb',
950: '#000000',
},
}SCSS
$custom: #f6ebcb; $custom-light: #f9f1da; $custom-dark: #000000;
JSON
{
"hex": "#f6ebcb",
"rgb": {
"r": 246,
"g": 235,
"b": 203
},
"hsl": {
"h": 44.651,
"s": 70.492,
"l": 88.039
},
"oklch": {
"l": 0.94054,
"c": 0.04358,
"h": 91.3
},
"luminance": 0.83321
}Semantic roles & 50–950 ramp
primary
#F6EBCB
secondary
#8DA0D8
accent
#44D313
background
#FFFFFE
surface
#FFFEFB
border
#D7D6D4
text
#171615
muted
#858584