#E189CC#E189CC

#E189CC is a light, vivid pink. Relative luminance 0.383; OKLCH L 74.3% C 0.136 H 336.2°. Best body text is #000000 at 8.65:1 contrast (WCAG AA passes).

Color values

HEX	#E189CC
RGB	rgb(225, 137, 204)
HSL	hsl(314, 59%, 71%)
HSV	hsv(314, 39%, 88%)
CMYK	cmyk(0%, 39.1%, 9.3%, 11.8%)
CIE-LAB	lab(68.21, 43.04, -20.41)
CIE-LCH	lch(68.21, 47.63, 334.62°)
OKLab	oklab(74.32% 0.1243 -0.0548)
OKLCH	oklch(74.32% 0.136 336.2)
XYZ	xyz(50.8960, 38.2613, 61.8194)
Luminance	0.3826 (WCAG relative)
Temperature	neutral
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#E189CC #89E19E

analogous

#CA89E1 #E189CC #E189A0

triadic

#E189CC #CCE189 #89CCE1

tetradic

#E189CC #E1CA89 #89E19E #89A0E1

square

#E189CC #E1CA89 #89E19E #89A0E1

split-complementary

#E189CC #A0E189 #89E1CA

monochromatic

#BF319D #D558B7 #E189CC #EDBAE1 #F9E7F4

Accessibility & contrast

On white

2.43

#E189CC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.65

#E189CC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #E189CC

8.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##E189CC	#FFFFFF	#000000	##000000
##E189CC	1.00	2.43	8.65	8.65
#FFFFFF	2.43	1.00	21.00	21.00
#000000	8.65	21.00	1.00	1.00
##000000	8.65	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#8A9ECE

Deuteranopia (green-blind)

#A1ABC9

Tritanopia (blue-blind)

#E98CA2

Achromatopsia (no color)

#A6A6A6

Design tokens & code

CSS

--color: #e189cc;
/* rgb */ color: rgb(225, 137, 204);
/* oklch */ color: oklch(74.3% 0.136 336.2);

Tailwind

colors: {
  custom: {
    50: '#ecaddb',
    500: '#e189cc',
    950: '#000000',
  },
}

SCSS

$custom: #e189cc;
$custom-light: #ecaddb;
$custom-dark: #000000;

JSON

{
  "hex": "#e189cc",
  "rgb": {
    "r": 225,
    "g": 137,
    "b": 204
  },
  "hsl": {
    "h": 314.318,
    "s": 59.459,
    "l": 70.98
  },
  "oklch": {
    "l": 0.74315,
    "c": 0.13582,
    "h": 336.2
  },
  "luminance": 0.38259
}

Semantic roles & 50–950 ramp

primary

#E189CC

secondary

#D7EFDD

accent

#C7471E

background

#FEFAFD

surface

#FDF4FB

border

#D5CED4

text

#161015

muted

#847F83

Preview Lab

Preview with #E189CC

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

Preview Lab → · Contrast checker → · Palette generator →