#DD75AD#DD75AD

#DD75AD is a light, vivid pink. Relative luminance 0.311; OKLCH L 69.6% C 0.144 H 348.0°. Best body text is #000000 at 7.22:1 contrast (WCAG AA passes).

Color values

HEX#DD75AD
RGBrgb(221, 117, 173)
HSLhsl(328, 60%, 66%)
HSVhsv(328, 47%, 87%)
CMYKcmyk(0%, 47.1%, 21.7%, 13.3%)
CIE-LABlab(62.60, 47.17, -11.47)
CIE-LCHlch(62.60, 48.54, 346.33°)
OKLaboklab(69.64% 0.1412 -0.03)
OKLCHoklch(69.64% 0.144 348)
XYZxyz(43.7239, 31.1152, 43.2300)
Luminance0.3111 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DD75AD #75DDA5
analogous
#D975DD #DD75AD #DD7579
triadic
#DD75AD #ADDD75 #75ADDD
tetradic
#DD75AD #DDD975 #75DDA5 #7579DD
square
#DD75AD #DDD975 #75DDA5 #7579DD
split-complementary
#DD75AD #79DD75 #75DDD9
monochromatic
#AD2B71 #D14490 #DD75AD #E9A6CA #F5D7E7

Accessibility & contrast

On white

2.91
#DD75AD on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.22
#DD75AD on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DD75AD
7.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DD75AD#FFFFFF#000000##000000
##DD75AD1.002.917.227.22
#FFFFFF2.911.0021.0021.00
#0000007.2221.001.001.00
##0000007.2221.001.001.00

Color blindness preview

Protanopia (red-blind)
#7F8CAF
Deuteranopia (green-blind)
#9A9EAA
Tritanopia (blue-blind)
#EA738A
Achromatopsia (no color)
#979797

Design tokens & code

CSS
--color: #dd75ad;
/* rgb */ color: rgb(221, 117, 173);
/* oklch */ color: oklch(69.6% 0.144 348.0);
Tailwind
colors: {
  custom: {
    50: '#ea9fc5',
    500: '#dd75ad',
    950: '#000000',
  },
}
SCSS
$custom: #dd75ad;
$custom-light: #ea9fc5;
$custom-dark: #000000;
JSON
{
  "hex": "#dd75ad",
  "rgb": {
    "r": 221,
    "g": 117,
    "b": 173
  },
  "hsl": {
    "h": 327.692,
    "s": 60.465,
    "l": 66.275
  },
  "oklch": {
    "l": 0.6964,
    "c": 0.14436,
    "h": 348
  },
  "luminance": 0.31112
}

Semantic roles & 50–950 ramp

primary
#DD75AD
secondary
#C6E8D6
accent
#C86C1D
background
#FEFAFC
surface
#FDF3F8
border
#D5CDD1
text
#160F12
muted
#847F81

Preview Lab

Preview with #DD75AD

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

Preview Lab → · Contrast checker → · Palette generator →

#DD75AD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva