#E23CDF#E23CDF

#E23CDF is a light, highly saturated purple. Relative luminance 0.247; OKLCH L 66.2% C 0.261 H 328.8°. Best body text is #000000 at 5.95:1 contrast (WCAG AA passes).

Color values

HEX	#E23CDF
RGB	rgb(226, 60, 223)
HSL	hsl(301, 74%, 56%)
HSV	hsv(301, 73%, 89%)
CMYK	cmyk(0%, 73.5%, 1.3%, 11.4%)
CIE-LAB	lab(56.81, 79.56, -48.81)
CIE-LCH	lch(56.81, 93.34, 328.47°)
OKLab	oklab(66.22% 0.2234 -0.1351)
OKLCH	oklch(66.22% 0.261 328.8)
XYZ	xyz(46.2987, 24.7317, 72.1329)
Luminance	0.2473 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#E23CDF #3CE23F

analogous

#923CE2 #E23CDF #E23C8C

triadic

#E23CDF #DFE23C #3CDFE2

tetradic

#E23CDF #E2923C #3CE23F #3C8CE2

square

#E23CDF #E2923C #3CE23F #3C8CE2

split-complementary

#E23CDF #8CE23C #3CE292

monochromatic

#8E158C #C41DC1 #E23CDF #EA71E8 #F2A7F0

Accessibility & contrast

On white

3.53

#E23CDF on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.95

#E23CDF on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #E23CDF

5.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##E23CDF	#FFFFFF	#000000	##000000
##E23CDF	1.00	3.53	5.95	5.95
#FFFFFF	3.53	1.00	21.00	21.00
#000000	5.95	21.00	1.00	1.00
##000000	5.95	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#1D7AE3

Deuteranopia (green-blind)

#6C90DB

Tritanopia (blue-blind)

#EA558B

Achromatopsia (no color)

#888888

Design tokens & code

CSS

--color: #e23cdf;
/* rgb */ color: rgb(226, 60, 223);
/* oklch */ color: oklch(66.2% 0.261 328.8);

Tailwind

colors: {
  custom: {
    50: '#ef83e9',
    500: '#e23cdf',
    950: '#000000',
  },
}

SCSS

$custom: #e23cdf;
$custom-light: #ef83e9;
$custom-dark: #000000;

JSON

{
  "hex": "#e23cdf",
  "rgb": {
    "r": 226,
    "g": 60,
    "b": 223
  },
  "hsl": {
    "h": 301.084,
    "s": 74.107,
    "l": 56.078
  },
  "oklch": {
    "l": 0.66221,
    "c": 0.26103,
    "h": 328.8
  },
  "luminance": 0.24728
}

Semantic roles & 50–950 ramp

primary

#E23CDF

secondary

#9BDF9C

accent

#F13A37

background

#FFF8FE

surface

#FFF0FD

border

#D7CBD5

text

#170C16

muted

#857D84

Preview Lab

Preview with #E23CDF

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

Preview Lab → · Contrast checker → · Palette generator →