#E98267#E98267
#E98267 is a light, vivid red. Relative luminance 0.343; OKLCH L 71.4% C 0.133 H 35.6°. Best body text is #000000 at 7.85:1 contrast (WCAG AA passes).
Color values
| HEX | #E98267 |
|---|---|
| RGB | rgb(233, 130, 103) |
| HSL | hsl(12, 75%, 66%) |
| HSV | hsv(12, 56%, 91%) |
| CMYK | cmyk(0%, 44.2%, 55.8%, 8.6%) |
| CIE-LAB | lab(65.18, 36.99, 32.00) |
| CIE-LCH | lch(65.18, 48.92, 40.86°) |
| OKLab | oklab(71.38% 0.1082 0.0775) |
| OKLCH | oklch(71.38% 0.133 35.6) |
| XYZ | xyz(44.0383, 34.2727, 17.1254) |
| Luminance | 0.3427 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Dark Peach
#DE7E5D
ΔE00 3.12
Melon
#FF7855
ΔE00 4.70
Salmon
#FA8072
ΔE00 5.14
Darksalmon
#E9967A
ΔE00 5.25
Orange Pink
#FF6F52
ΔE00 5.49
Pinkish Orange
#FF724C
ΔE00 5.69
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E98267 #67CEE9
analogous
#E9678D #E98267 #E9C367
triadic
#E98267 #67E982 #8267E9
tetradic
#E98267 #8DE967 #67CEE9 #C367E9
square
#E98267 #8DE967 #67CEE9 #C367E9
split-complementary
#E98267 #67E9C3 #678DE9
monochromatic
#BB3C1B #E15632 #E98267 #F1AE9C #F8DAD2
Accessibility & contrast
On white
2.67
#E98267 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.85
#E98267 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #E98267
7.85:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E98267 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E98267 | 1.00 | 2.67 | 7.85 | 7.85 |
| #FFFFFF | 2.67 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.85 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#9C9164
Deuteranopia (green-blind)
#B5A765
Tritanopia (blue-blind)
#FD717B
Achromatopsia (no color)
#9E9E9E
Design tokens & code
CSS
--color: #e98267; /* rgb */ color: rgb(233, 130, 103); /* oklch */ color: oklch(71.4% 0.133 35.6);
Tailwind
colors: {
custom: {
50: '#f5a892',
500: '#e98267',
950: '#000000',
},
}SCSS
$custom: #e98267; $custom-light: #f5a892; $custom-dark: #000000;
JSON
{
"hex": "#e98267",
"rgb": {
"r": 233,
"g": 130,
"b": 103
},
"hsl": {
"h": 12.462,
"s": 74.713,
"l": 65.882
},
"oklch": {
"l": 0.71377,
"c": 0.13313,
"h": 35.6
},
"luminance": 0.34268
}Semantic roles & 50–950 ramp
primary
#E98267
secondary
#C0E2EB
accent
#ADD70F
background
#FFFAF9
surface
#FFF4F1
border
#D7CECB
text
#18100D
muted
#867F7E