#CC5DE2#CC5DE2

#CC5DE2 is a light, highly saturated purple. Relative luminance 0.262; OKLCH L 66.6% C 0.213 H 320.7°. Best body text is #000000 at 6.23:1 contrast (WCAG AA passes).

Color values

HEX	#CC5DE2
RGB	rgb(204, 93, 226)
HSL	hsl(290, 70%, 63%)
HSV	hsv(290, 59%, 89%)
CMYK	cmyk(9.7%, 58.8%, 0%, 11.4%)
CIE-LAB	lab(58.19, 62.69, -48.52)
CIE-LCH	lch(58.19, 79.28, 322.26°)
OKLab	oklab(66.62% 0.1651 -0.135)
OKLCH	oklch(66.62% 0.213 320.7)
XYZ	xyz(42.5420, 26.1590, 74.7451)
Luminance	0.2616 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#CC5DE2 #73E25D

analogous

#895DE2 #CC5DE2 #E25DB6

triadic

#CC5DE2 #E2CC5D #5DE2CC

tetradic

#CC5DE2 #E2895D #73E25D #5DB6E2

square

#CC5DE2 #E2895D #73E25D #5DB6E2

split-complementary

#CC5DE2 #B6E25D #5DE289

monochromatic

#901EA7 #BC29D9 #CC5DE2 #DC91EB #EDC5F5

Accessibility & contrast

On white

3.37

#CC5DE2 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.23

#CC5DE2 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CC5DE2

6.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##CC5DE2	#FFFFFF	#000000	##000000
##CC5DE2	1.00	3.37	6.23	6.23
#FFFFFF	3.37	1.00	21.00	21.00
#000000	6.23	21.00	1.00	1.00
##000000	6.23	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#4084E6

Deuteranopia (green-blind)

#6990DF

Tritanopia (blue-blind)

#CD7297

Achromatopsia (no color)

#8C8C8C

Design tokens & code

CSS

--color: #cc5de2;
/* rgb */ color: rgb(204, 93, 226);
/* oklch */ color: oklch(66.6% 0.213 320.7);

Tailwind

colors: {
  custom: {
    50: '#df91eb',
    500: '#cc5de2',
    950: '#000000',
  },
}

SCSS

$custom: #cc5de2;
$custom-light: #df91eb;
$custom-dark: #000000;

JSON

{
  "hex": "#cc5de2",
  "rgb": {
    "r": 204,
    "g": 93,
    "b": 226
  },
  "hsl": {
    "h": 290.075,
    "s": 69.634,
    "l": 62.549
  },
  "oklch": {
    "l": 0.66623,
    "c": 0.21332,
    "h": 320.7
  },
  "luminance": 0.26157
}

Semantic roles & 50–950 ramp

primary

#CC5DE2

secondary

#BDE6B5

accent

#D21433

background

#FEF9FE

surface

#FCF1FD

border

#D5CBD5

text

#160D16

muted

#847E84

Preview Lab

Preview with #CC5DE2

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

Preview Lab → · Contrast checker → · Palette generator →