#DD689D#DD689D

#DD689D is a light, vivid pink. Relative luminance 0.277; OKLCH L 67.2% C 0.157 H 353.7°. Best body text is #000000 at 6.54:1 contrast (WCAG AA passes).

Color values

HEX	#DD689D
RGB	rgb(221, 104, 157)
HSL	hsl(333, 63%, 64%)
HSV	hsv(333, 53%, 87%)
CMYK	cmyk(0%, 52.9%, 29%, 13.3%)
CIE-LAB	lab(59.63, 51.37, -6.73)
CIE-LCH	lch(59.63, 51.81, 352.54°)
OKLab	oklab(67.24% 0.1557 -0.0171)
OKLCH	oklch(67.24% 0.157 353.7)
XYZ	xyz(40.8566, 27.7109, 35.0887)
Luminance	0.2771 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DD689D #68DDA8

analogous

#DD68D7 #DD689D #DD6D68

triadic

#DD689D #9DDD68 #689DDD

tetradic

#DD689D #D7DD68 #68DDA8 #6D68DD

square

#DD689D #D7DD68 #68DDA8 #6D68DD

split-complementary

#DD689D #68DD6D #68D7DD

monochromatic

#A5255F #D2367D #DD689D #E89ABD #F3CCDE

Accessibility & contrast

On white

3.21

#DD689D on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.54

#DD689D on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DD689D

6.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DD689D	#FFFFFF	#000000	##000000
##DD689D	1.00	3.21	6.54	6.54
#FFFFFF	3.21	1.00	21.00	21.00
#000000	6.54	21.00	1.00	1.00
##000000	6.54	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#78829F

Deuteranopia (green-blind)

#97979A

Tritanopia (blue-blind)

#EC627C

Achromatopsia (no color)

#909090

Design tokens & code

CSS

--color: #dd689d;
/* rgb */ color: rgb(221, 104, 157);
/* oklch */ color: oklch(67.2% 0.157 353.7);

Tailwind

colors: {
  custom: {
    50: '#eb97b9',
    500: '#dd689d',
    950: '#000000',
  },
}

SCSS

$custom: #dd689d;
$custom-light: #eb97b9;
$custom-dark: #000000;

JSON

{
  "hex": "#dd689d",
  "rgb": {
    "r": 221,
    "g": 104,
    "b": 157
  },
  "hsl": {
    "h": 332.821,
    "s": 63.243,
    "l": 63.725
  },
  "oklch": {
    "l": 0.67239,
    "c": 0.15662,
    "h": 353.7
  },
  "luminance": 0.27707
}

Semantic roles & 50–950 ramp

primary

#DD689D

secondary

#BCE5D2

accent

#CB7B1A

background

#FEF9FB

surface

#FDF2F6

border

#D5CCD0

text

#170E11

muted

#857E80

Preview Lab

Preview with #DD689D

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

Preview Lab → · Contrast checker → · Palette generator →