#EEC9DE#EEC9DE

#EEC9DE is a very light, muted pink. Relative luminance 0.652; OKLCH L 87.4% C 0.050 H 343.1°. Best body text is #000000 at 14.04:1 contrast (WCAG AA passes).

Color values

HEX	#EEC9DE
RGB	rgb(238, 201, 222)
HSL	hsl(326, 52%, 86%)
HSV	hsv(326, 16%, 93%)
CMYK	cmyk(0%, 15.5%, 6.7%, 6.7%)
CIE-LAB	lab(84.60, 16.47, -5.53)
CIE-LCH	lch(84.60, 17.37, 341.44°)
OKLab	oklab(87.35% 0.0477 -0.0145)
OKLCH	oklch(87.35% 0.05 343.1)
XYZ	xyz(69.3302, 65.2260, 78.0308)
Luminance	0.6522 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#EEC9DE #C9EED9

analogous

#EBC9EE #EEC9DE #EEC9CB

triadic

#EEC9DE #DEEEC9 #C9DEEE

tetradic

#EEC9DE #EEEBC9 #C9EED9 #C9CBEE

square

#EEC9DE #EEEBC9 #C9EED9 #C9CBEE

split-complementary

#EEC9DE #CBEEC9 #C9EEEB

monochromatic

#D16CA5 #DF9AC2 #EEC9DE #F8E8F1 #F8E8F1

Accessibility & contrast

On white

1.50

#EEC9DE on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.04

#EEC9DE on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #EEC9DE

14.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##EEC9DE	#FFFFFF	#000000	##000000
##EEC9DE	1.00	1.50	14.04	14.04
#FFFFFF	1.50	1.00	21.00	21.00
#000000	14.04	21.00	1.00	1.00
##000000	14.04	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#CBD0DF

Deuteranopia (green-blind)

#D3D5DD

Tritanopia (blue-blind)

#F3C9D0

Achromatopsia (no color)

#D3D3D3

Design tokens & code

CSS

--color: #eec9de;
/* rgb */ color: rgb(238, 201, 222);
/* oklch */ color: oklch(87.4% 0.050 343.1);

Tailwind

colors: {
  custom: {
    50: '#f3d9e8',
    500: '#eec9de',
    950: '#000000',
  },
}

SCSS

$custom: #eec9de;
$custom-light: #f3d9e8;
$custom-dark: #000000;

JSON

{
  "hex": "#eec9de",
  "rgb": {
    "r": 238,
    "g": 201,
    "b": 222
  },
  "hsl": {
    "h": 325.946,
    "s": 52.113,
    "l": 86.078
  },
  "oklch": {
    "l": 0.87353,
    "c": 0.04981,
    "h": 343.1
  },
  "luminance": 0.65224
}

Semantic roles & 50–950 ramp

primary

#EEC9DE

secondary

#90CBAA

accent

#C06826

background

#FFFEFE

surface

#FEFBFC

border

#D6D4D5

text

#171416

muted

#858384

Preview Lab

Preview with #EEC9DE

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

Preview Lab → · Contrast checker → · Palette generator →