#E95090#E95090
#E95090 is a light, vivid pink. Relative luminance 0.251; OKLCH L 65.6% C 0.196 H 358.2°. Best body text is #000000 at 6.01:1 contrast (WCAG AA passes).
Color values
| HEX | #E95090 |
|---|---|
| RGB | rgb(233, 80, 144) |
| HSL | hsl(335, 78%, 61%) |
| HSV | hsv(335, 66%, 91%) |
| CMYK | cmyk(0%, 65.7%, 38.2%, 8.6%) |
| CIE-LAB | lab(57.15, 64.04, -2.61) |
| CIE-LCH | lch(57.15, 64.09, 357.67°) |
| OKLab | oklab(65.63% 0.196 -0.006) |
| OKLCH | oklch(65.63% 0.196 358.2) |
| XYZ | xyz(41.5096, 25.0794, 29.0350) |
| Luminance | 0.2507 (WCAG relative) |
| Temperature | warm |
| Family | pink |
Closest named colors
Medium Pink
#F36196
ΔE00 4.17
Blush
#DE5D83
ΔE00 4.45
Darkish Pink
#DA467D
ΔE00 4.71
Barbie Pink
#FE46A5
ΔE00 4.71
Deeppink
#FF1493
ΔE00 4.93
Strong Pink
#FF0789
ΔE00 5.14
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#E95090 #50E9A9
analogous
#E950DD #E95090 #E95D50
triadic
#E95090 #90E950 #5090E9
tetradic
#E95090 #DDE950 #50E9A9 #5D50E9
square
#E95090 #DDE950 #50E9A9 #5D50E9
split-complementary
#E95090 #50E95D #50DDE9
monochromatic
#A91553 #E01C6E #E95090 #F086B2 #F7BDD5
Accessibility & contrast
On white
3.49
#E95090 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.01
#E95090 on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #E95090
6.01:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##E95090 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E95090 | 1.00 | 3.49 | 6.01 | 6.01 |
| #FFFFFF | 3.49 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.01 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.01 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#6C7792
Deuteranopia (green-blind)
#96948C
Tritanopia (blue-blind)
#FB406A
Achromatopsia (no color)
#898989
Design tokens & code
CSS
--color: #e95090; /* rgb */ color: rgb(233, 80, 144); /* oklch */ color: oklch(65.6% 0.196 358.2);
Tailwind
colors: {
custom: {
50: '#f58ab0',
500: '#e95090',
950: '#000000',
},
}SCSS
$custom: #e95090; $custom-light: #f58ab0; $custom-dark: #000000;
JSON
{
"hex": "#e95090",
"rgb": {
"r": 233,
"g": 80,
"b": 144
},
"hsl": {
"h": 334.902,
"s": 77.665,
"l": 61.373
},
"oklch": {
"l": 0.65628,
"c": 0.19607,
"h": 358.2
},
"luminance": 0.25075
}Semantic roles & 50–950 ramp
primary
#E95090
secondary
#AEE7CF
accent
#DA840C
background
#FFF8FA
surface
#FFF0F4
border
#D7CBCE
text
#180D10
muted
#867D7F