#E13F65#E13F65
#E13F65 is a mid, vivid red. Relative luminance 0.205; OKLCH L 61.5% C 0.198 H 11.7°. Best body text is #000000 at 5.10:1 contrast (WCAG AA passes).
Color values
| HEX | #E13F65 |
|---|---|
| RGB | rgb(225, 63, 101) |
| HSL | hsl(346, 73%, 56%) |
| HSV | hsv(346, 72%, 88%) |
| CMYK | cmyk(0%, 72%, 55.1%, 11.8%) |
| CIE-LAB | lab(52.41, 64.15, 16.01) |
| CIE-LCH | lch(52.41, 66.11, 14.01°) |
| OKLab | oklab(61.49% 0.194 0.0402) |
| OKLCH | oklch(61.49% 0.198 11.7) |
| XYZ | xyz(35.1811, 20.5071, 14.4151) |
| Luminance | 0.2050 (WCAG relative) |
| Temperature | warm |
| Family | red |
Closest named colors
Cherry
#DE3163
ΔE00 2.56
Raspberry
#E30B5C
ΔE00 4.61
Deep Rose
#C74767
ΔE00 5.10
Dark Pink
#CB416B
ΔE00 5.54
Pink Red
#F5054F
ΔE00 5.70
Cerise
#DE0C62
ΔE00 5.84
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E13F65 #3FE1BB
analogous
#E13FB6 #E13F65 #E16A3F
triadic
#E13F65 #65E13F #3F65E1
tetradic
#E13F65 #B6E13F #3FE1BB #6A3FE1
square
#E13F65 #B6E13F #3FE1BB #6A3FE1
split-complementary
#E13F65 #3FE16A #3FB6E1
monochromatic
#8F1633 #C41F45 #E13F65 #E9748F #F2A9BA
Accessibility & contrast
On white
4.12
#E13F65 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.10
#E13F65 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #E13F65
5.10:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E13F65 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E13F65 | 1.00 | 4.12 | 5.10 | 5.10 |
| #FFFFFF | 4.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.10 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#696866
Deuteranopia (green-blind)
#938961
Tritanopia (blue-blind)
#F6134F
Achromatopsia (no color)
#7D7D7D
Design tokens & code
CSS
--color: #e13f65; /* rgb */ color: rgb(225, 63, 101); /* oklch */ color: oklch(61.5% 0.198 11.7);
Tailwind
colors: {
custom: {
50: '#f18090',
500: '#e13f65',
950: '#000000',
},
}SCSS
$custom: #e13f65; $custom-light: #f18090; $custom-dark: #000000;
JSON
{
"hex": "#e13f65",
"rgb": {
"r": 225,
"g": 63,
"b": 101
},
"hsl": {
"h": 345.926,
"s": 72.973,
"l": 56.471
},
"oklch": {
"l": 0.61494,
"c": 0.19811,
"h": 11.7
},
"luminance": 0.20502
}Semantic roles & 50–950 ramp
primary
#E13F65
secondary
#9DDFD0
accent
#F0C538
background
#FFF8F8
surface
#FFEFF0
border
#D7CACB
text
#180B0C
muted
#867C7D