#E87482#E87482

#E87482 is a light, vivid red. Relative luminance 0.313; OKLCH L 69.7% C 0.144 H 14.0°. Best body text is #000000 at 7.25:1 contrast (WCAG AA passes).

Color values

HEX	#E87482
RGB	rgb(232, 116, 130)
HSL	hsl(353, 72%, 68%)
HSV	hsv(353, 50%, 91%)
CMYK	cmyk(0%, 50%, 44%, 9%)
CIE-LAB	lab(62.73, 46.14, 13.51)
CIE-LCH	lch(62.73, 48.07, 16.32°)
OKLab	oklab(69.65% 0.1395 0.0348)
OKLCH	oklch(69.65% 0.144 14)
XYZ	xyz(43.5561, 31.2628, 24.8553)
Luminance	0.3126 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#E87482 #74E8DA

analogous

#E874BC #E87482 #E8A074

triadic

#E87482 #82E874 #7482E8

tetradic

#E87482 #BCE874 #74E8DA #A074E8

square

#E87482 #BCE874 #74E8DA #A074E8

split-complementary

#E87482 #74E8A0 #74BCE8

monochromatic

#C22034 #DF3F53 #E87482 #F1A9B1 #F9DDE0

Accessibility & contrast

On white

2.90

#E87482 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.25

#E87482 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E87482

7.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##E87482	#FFFFFF	#000000	##000000
##E87482	1.00	2.90	7.25	7.25
#FFFFFF	2.90	1.00	21.00	21.00
#000000	7.25	21.00	1.00	1.00
##000000	7.25	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8C8982

Deuteranopia (green-blind)

#A9A180

Tritanopia (blue-blind)

#FA6679

Achromatopsia (no color)

#989898

Design tokens & code

CSS

--color: #e87482;
/* rgb */ color: rgb(232, 116, 130);
/* oklch */ color: oklch(69.7% 0.144 14.0);

Tailwind

colors: {
  custom: {
    50: '#f39fa6',
    500: '#e87482',
    950: '#000000',
  },
}

SCSS

$custom: #e87482;
$custom-light: #f39fa6;
$custom-dark: #000000;

JSON

{
  "hex": "#e87482",
  "rgb": {
    "r": 232,
    "g": 116,
    "b": 130
  },
  "hsl": {
    "h": 352.759,
    "s": 71.605,
    "l": 68.235
  },
  "oklch": {
    "l": 0.69653,
    "c": 0.14377,
    "h": 14
  },
  "luminance": 0.31258
}

Semantic roles & 50–950 ramp

primary

#E87482

secondary

#CAEDE9

accent

#D4BC12

background

#FFF9FA

surface

#FFF2F4

border

#D7CCCE

text

#180F0F

muted

#867E7F

Preview Lab

Preview with #E87482

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →