#EC8CC5#EC8CC5

#EC8CC5 is a light, vivid pink. Relative luminance 0.406; OKLCH L 75.8% C 0.135 H 344.3°. Best body text is #000000 at 9.12:1 contrast (WCAG AA passes).

Color values

HEX	#EC8CC5
RGB	rgb(236, 140, 197)
HSL	hsl(324, 72%, 74%)
HSV	hsv(324, 41%, 93%)
CMYK	cmyk(0%, 40.7%, 16.5%, 7.5%)
CIE-LAB	lab(69.91, 43.93, -13.82)
CIE-LCH	lch(69.91, 46.06, 342.53°)
OKLab	oklab(75.8% 0.1299 -0.0365)
OKLCH	oklch(75.8% 0.135 344.3)
XYZ	xyz(54.0488, 40.6237, 57.8069)
Luminance	0.4062 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EC8CC5 #8CECB3

analogous

#E38CEC #EC8CC5 #EC8C95

triadic

#EC8CC5 #C5EC8C #8CC5EC

tetradic

#EC8CC5 #ECE38C #8CECB3 #8C95EC

square

#EC8CC5 #ECE38C #8CECB3 #8C95EC

split-complementary

#EC8CC5 #95EC8C #8CECE3

monochromatic

#DA2490 #E357AB #EC8CC5 #F5C1DF #FBE5F2

Accessibility & contrast

On white

2.30

#EC8CC5 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.12

#EC8CC5 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EC8CC5

9.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EC8CC5	#FFFFFF	#000000	##000000
##EC8CC5	1.00	2.30	9.12	9.12
#FFFFFF	2.30	1.00	21.00	21.00
#000000	9.12	21.00	1.00	1.00
##000000	9.12	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#92A1C7

Deuteranopia (green-blind)

#ABB1C2

Tritanopia (blue-blind)

#F78CA1

Achromatopsia (no color)

#ABABAB

Design tokens & code

CSS

--color: #ec8cc5;
/* rgb */ color: rgb(236, 140, 197);
/* oklch */ color: oklch(75.8% 0.135 344.3);

Tailwind

colors: {
  custom: {
    50: '#f4afd6',
    500: '#ec8cc5',
    950: '#000000',
  },
}

SCSS

$custom: #ec8cc5;
$custom-light: #f4afd6;
$custom-dark: #000000;

JSON

{
  "hex": "#ec8cc5",
  "rgb": {
    "r": 236,
    "g": 140,
    "b": 197
  },
  "hsl": {
    "h": 324.375,
    "s": 71.642,
    "l": 73.725
  },
  "oklch": {
    "l": 0.75802,
    "c": 0.13496,
    "h": 344.3
  },
  "luminance": 0.4062
}

Semantic roles & 50–950 ramp

primary

#EC8CC5

secondary

#D9F2E3

accent

#D46112

background

#FFFAFD

surface

#FEF5FA

border

#D6CFD3

text

#171114

muted

#858083

Preview Lab

Preview with #EC8CC5

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

Preview Lab → · Contrast checker → · Palette generator →