#CE463C#CE463C
#CE463C is a mid, vivid red. Relative luminance 0.178; OKLCH L 58.3% C 0.174 H 27.9°. Best body text is #FFFFFF at 4.60:1 contrast (WCAG AA passes).
Color values
| HEX | #CE463C |
|---|---|
| RGB | rgb(206, 70, 60) |
| HSL | hsl(4, 60%, 52%) |
| HSV | hsv(4, 71%, 81%) |
| CMYK | cmyk(0%, 66%, 70.9%, 19.2%) |
| CIE-LAB | lab(49.29, 53.08, 35.56) |
| CIE-LCH | lch(49.29, 63.89, 33.82°) |
| OKLab | oklab(58.32% 0.1535 0.0813) |
| OKLCH | oklch(58.32% 0.174 27.9) |
| XYZ | xyz(28.4624, 17.8325, 6.2174) |
| Luminance | 0.1783 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Reddish
#C44240
ΔE00 3.38
Dark Coral
#CF524E
ΔE00 3.96
Pale Red
#D9544D
ΔE00 4.67
Faded Red
#D3494E
ΔE00 4.83
Dark Salmon
#C85A53
ΔE00 5.12
Dull Red
#BB3F3F
ΔE00 5.47
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#CE463C #3CC4CE
analogous
#CE3C7B #CE463C #CE8F3C
triadic
#CE463C #3CCE46 #463CCE
tetradic
#CE463C #7BCE3C #3CC4CE #8F3CCE
square
#CE463C #7BCE3C #3CC4CE #8F3CCE
split-complementary
#CE463C #3CCE8F #3C7BCE
monochromatic
#73231D #A43229 #CE463C #DA746D #E7A39E
Accessibility & contrast
On white
4.60
#CE463C on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
4.57
#CE463C on #000000
AA ✓AA large ✓AAA ✗
Best text color
#FFFFFF on #CE463C
4.60:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##CE463C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##CE463C | 1.00 | 4.60 | 4.57 | 4.60 |
| #FFFFFF | 4.60 | 1.00 | 21.00 | 1.00 |
| #000000 | 4.57 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 4.60 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6C623A
Deuteranopia (green-blind)
#8E8038
Tritanopia (blue-blind)
#E22145
Achromatopsia (no color)
#757575
Design tokens & code
CSS
--color: #ce463c; /* rgb */ color: rgb(206, 70, 60); /* oklch */ color: oklch(58.3% 0.174 27.9);
Tailwind
colors: {
custom: {
50: '#e58072',
500: '#ce463c',
950: '#000000',
},
}SCSS
$custom: #ce463c; $custom-light: #e58072; $custom-dark: #000000;
JSON
{
"hex": "#ce463c",
"rgb": {
"r": 206,
"g": 70,
"b": 60
},
"hsl": {
"h": 4.11,
"s": 59.836,
"l": 52.157
},
"oklch": {
"l": 0.58321,
"c": 0.17372,
"h": 27.9
},
"luminance": 0.17828
}Semantic roles & 50–950 ramp
primary
#CE463C
secondary
#93CED3
accent
#D8E345
background
#FFF8F6
surface
#FEEFEC
border
#D6CAC7
text
#170B08
muted
#857C7B