#EEA0AA#EEA0AA

#EEA0AA is a light, moderate red. Relative luminance 0.462; OKLCH L 78.5% C 0.094 H 11.0°. Best body text is #000000 at 10.24:1 contrast (WCAG AA passes).

Color values

HEX	#EEA0AA
RGB	rgb(238, 160, 170)
HSL	hsl(352, 70%, 78%)
HSV	hsv(352, 33%, 93%)
CMYK	cmyk(0%, 32.8%, 28.6%, 6.7%)
CIE-LAB	lab(73.69, 30.28, 6.73)
CIE-LCH	lch(73.69, 31.02, 12.53°)
OKLab	oklab(78.48% 0.0918 0.0179)
OKLCH	oklch(78.48% 0.094 11)
XYZ	xyz(55.0879, 46.2246, 44.0431)
Luminance	0.4622 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EEA0AA #A0EEE4

analogous

#EEA0D1 #EEA0AA #EEBDA0

triadic

#EEA0AA #AAEEA0 #A0AAEE

tetradic

#EEA0AA #D1EEA0 #A0EEE4 #BDA0EE

square

#EEA0AA #D1EEA0 #A0EEE4 #BDA0EE

split-complementary

#EEA0AA #A0EEBD #A0D1EE

monochromatic

#DB384D #E56C7C #EEA0AA #F7D4D8 #FAE5E8

Accessibility & contrast

On white

2.05

#EEA0AA on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

10.24

#EEA0AA on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EEA0AA

10.24:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EEA0AA	#FFFFFF	#000000	##000000
##EEA0AA	1.00	2.05	10.24	10.24
#FFFFFF	2.05	1.00	21.00	21.00
#000000	10.24	21.00	1.00	1.00
##000000	10.24	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#ADACAA

Deuteranopia (green-blind)

#C0BBA9

Tritanopia (blue-blind)

#FC99A4

Achromatopsia (no color)

#B5B5B5

Design tokens & code

CSS

--color: #eea0aa;
/* rgb */ color: rgb(238, 160, 170);
/* oklch */ color: oklch(78.5% 0.094 11.0);

Tailwind

colors: {
  custom: {
    50: '#f5bdc3',
    500: '#eea0aa',
    950: '#000000',
  },
}

SCSS

$custom: #eea0aa;
$custom-light: #f5bdc3;
$custom-dark: #000000;

JSON

{
  "hex": "#eea0aa",
  "rgb": {
    "r": 238,
    "g": 160,
    "b": 170
  },
  "hsl": {
    "h": 352.308,
    "s": 69.643,
    "l": 78.039
  },
  "oklch": {
    "l": 0.78481,
    "c": 0.09357,
    "h": 11
  },
  "luminance": 0.46221
}

Semantic roles & 50–950 ramp

primary

#EEA0AA

secondary

#D9F2EF

accent

#D2B914

background

#FFFBFB

surface

#FFF6F7

border

#D7D0D0

text

#171212

muted

#858181

Preview Lab

Preview with #EEA0AA

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

Preview Lab → · Contrast checker → · Palette generator →