#DEADDE#DEADDE

#DEADDE is a light, moderate purple. Relative luminance 0.507; OKLCH L 80.7% C 0.086 H 326.3°. Best body text is #000000 at 11.14:1 contrast (WCAG AA passes).

Color values

HEX	#DEADDE
RGB	rgb(222, 173, 222)
HSL	hsl(300, 43%, 77%)
HSV	hsv(300, 22%, 87%)
CMYK	cmyk(0%, 22.1%, 0%, 12.9%)
CIE-LAB	lab(76.49, 26.04, -17.79)
CIE-LCH	lch(76.49, 31.54, 325.65°)
OKLab	oklab(80.75% 0.0719 -0.0478)
OKLCH	oklch(80.75% 0.086 326.3)
XYZ	xyz(58.2511, 50.6922, 75.8091)
Luminance	0.5069 (WCAG relative)
Temperature	neutral
Family	purple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DEADDE #ADDEAD

analogous

#C6ADDE #DEADDE #DEADC6

triadic

#DEADDE #DEDEAD #ADDEDE

tetradic

#DEADDE #DEC6AD #ADDEAD #ADC6DE

square

#DEADDE #DEC6AD #ADDEAD #ADC6DE

split-complementary

#DEADDE #C6DEAD #ADDEC6

monochromatic

#BB56BB #CC81CC #DEADDE #F0D9F0 #F6E9F6

Accessibility & contrast

On white

1.89

#DEADDE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.14

#DEADDE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DEADDE

11.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DEADDE	#FFFFFF	#000000	##000000
##DEADDE	1.00	1.89	11.14	11.14
#FFFFFF	1.89	1.00	21.00	21.00
#000000	11.14	21.00	1.00	1.00
##000000	11.14	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#AAB9E0

Deuteranopia (green-blind)

#B5BFDC

Tritanopia (blue-blind)

#E1B1BE

Achromatopsia (no color)

#BDBDBD

Design tokens & code

CSS

--color: #deadde;
/* rgb */ color: rgb(222, 173, 222);
/* oklch */ color: oklch(80.7% 0.086 326.3);

Tailwind

colors: {
  custom: {
    50: '#e8c5e8',
    500: '#deadde',
    950: '#000000',
  },
}

SCSS

$custom: #deadde;
$custom-light: #e8c5e8;
$custom-dark: #000000;

JSON

{
  "hex": "#deadde",
  "rgb": {
    "r": 222,
    "g": 173,
    "b": 222
  },
  "hsl": {
    "h": 300,
    "s": 42.609,
    "l": 77.451
  },
  "oklch": {
    "l": 0.80748,
    "c": 0.08633,
    "h": 326.3
  },
  "luminance": 0.50691
}

Semantic roles & 50–950 ramp

primary

#DEADDE

secondary

#79B679

accent

#B63030

background

#FEFDFE

surface

#FDF9FC

border

#D5D2D5

text

#161316

muted

#848284

Preview Lab

Preview with #DEADDE

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

Preview Lab → · Contrast checker → · Palette generator →