#DD3EEC#DD3EEC

#DD3EEC is a light, highly saturated purple. Relative luminance 0.249; OKLCH L 66.4% C 0.267 H 324.2°. Best body text is #000000 at 5.97:1 contrast (WCAG AA passes).

Color values

HEX	#DD3EEC
RGB	rgb(221, 62, 236)
HSL	hsl(295, 82%, 58%)
HSV	hsv(295, 74%, 93%)
CMYK	cmyk(6.4%, 73.7%, 0%, 7.5%)
CIE-LAB	lab(56.95, 80.03, -55.94)
CIE-LCH	lch(56.95, 97.64, 325.04°)
OKLab	oklab(66.4% 0.2161 -0.156)
OKLCH	oklch(66.4% 0.267 324.2)
XYZ	xyz(46.6805, 24.8765, 81.6835)
Luminance	0.2487 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DD3EEC #4DEC3E

analogous

#863EEC #DD3EEC #EC3EA4

triadic

#DD3EEC #ECDD3E #3EECDD

tetradic

#DD3EEC #EC863E #4DEC3E #3EA4EC

square

#DD3EEC #EC863E #4DEC3E #3EA4EC

split-complementary

#DD3EEC #A4EC3E #3EEC86

monochromatic

#9310A0 #C715D8 #DD3EEC #E776F1 #F1ADF7

Accessibility & contrast

On white

3.51

#DD3EEC on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.97

#DD3EEC on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DD3EEC

5.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DD3EEC	#FFFFFF	#000000	##000000
##DD3EEC	1.00	3.51	5.97	5.97
#FFFFFF	3.51	1.00	21.00	21.00
#000000	5.97	21.00	1.00	1.00
##000000	5.97	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#007DF1

Deuteranopia (green-blind)

#608FE8

Tritanopia (blue-blind)

#E15E93

Achromatopsia (no color)

#898989

Design tokens & code

CSS

--color: #dd3eec;
/* rgb */ color: rgb(221, 62, 236);
/* oklch */ color: oklch(66.4% 0.267 324.2);

Tailwind

colors: {
  custom: {
    50: '#ec83f3',
    500: '#dd3eec',
    950: '#000000',
  },
}

SCSS

$custom: #dd3eec;
$custom-light: #ec83f3;
$custom-dark: #000000;

JSON

{
  "hex": "#dd3eec",
  "rgb": {
    "r": 221,
    "g": 62,
    "b": 236
  },
  "hsl": {
    "h": 294.828,
    "s": 82.075,
    "l": 58.431
  },
  "oklch": {
    "l": 0.66401,
    "c": 0.26654,
    "h": 324.2
  },
  "luminance": 0.24874
}

Semantic roles & 50–950 ramp

primary

#DD3EEC

secondary

#A6E5A0

accent

#F82F41

background

#FFF8FE

surface

#FEF0FD

border

#D6CBD5

text

#170C17

muted

#857D85

Preview Lab

Preview with #DD3EEC

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

Preview Lab → · Contrast checker → · Palette generator →