#DE7FFC#DE7FFC

#DE7FFC is a light, vivid purple. Relative luminance 0.377; OKLCH L 74.6% C 0.196 H 317.6°. Best body text is #000000 at 8.55:1 contrast (WCAG AA passes).

Color values

HEX	#DE7FFC
RGB	rgb(222, 127, 252)
HSL	hsl(286, 95%, 74%)
HSV	hsv(286, 50%, 99%)
CMYK	cmyk(11.9%, 49.6%, 0%, 1.2%)
CIE-LAB	lab(67.83, 56.04, -47.55)
CIE-LCH	lch(67.83, 73.49, 319.69°)
OKLab	oklab(74.6% 0.1445 -0.132)
OKLCH	oklch(74.6% 0.196 317.6)
XYZ	xyz(55.2818, 37.7385, 96.4488)
Luminance	0.3774 (WCAG relative)
Temperature	cool
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DE7FFC #9DFC7F

analogous

#A07FFC #DE7FFC #FC7FDC

triadic

#DE7FFC #FCDE7F #7FFCDE

tetradic

#DE7FFC #FCA07F #9DFC7F #7FDCFC

square

#DE7FFC #FCA07F #9DFC7F #7FDCFC

split-complementary

#DE7FFC #DCFC7F #7FFCA0

monochromatic

#BF07F9 #CF43FB #DE7FFC #EDBBFD #F7E1FE

Accessibility & contrast

On white

2.46

#DE7FFC on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.55

#DE7FFC on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DE7FFC

8.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DE7FFC	#FFFFFF	#000000	##000000
##DE7FFC	1.00	2.46	8.55	8.55
#FFFFFF	2.46	1.00	21.00	21.00
#000000	8.55	21.00	1.00	1.00
##000000	8.55	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#679FFF

Deuteranopia (green-blind)

#84A8F9

Tritanopia (blue-blind)

#DE91B2

Achromatopsia (no color)

#A5A5A5

Design tokens & code

CSS

--color: #de7ffc;
/* rgb */ color: rgb(222, 127, 252);
/* oklch */ color: oklch(74.6% 0.196 317.6);

Tailwind

colors: {
  custom: {
    50: '#eaa7fe',
    500: '#de7ffc',
    950: '#000000',
  },
}

SCSS

$custom: #de7ffc;
$custom-light: #eaa7fe;
$custom-dark: #000000;

JSON

{
  "hex": "#de7ffc",
  "rgb": {
    "r": 222,
    "g": 127,
    "b": 252
  },
  "hsl": {
    "h": 285.6,
    "s": 95.42,
    "l": 74.314
  },
  "oklch": {
    "l": 0.74596,
    "c": 0.19571,
    "h": 317.6
  },
  "luminance": 0.37737
}

Semantic roles & 50–950 ramp

primary

#DE7FFC

secondary

#DDF7D4

accent

#E60037

background

#FEFAFF

surface

#FDF4FF

border

#D5CED7

text

#161018

muted

#847F86

Preview Lab

Preview with #DE7FFC

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

Preview Lab → · Contrast checker → · Palette generator →