#D9416D#D9416D

#D9416D is a mid, vivid pink. Relative luminance 0.196; OKLCH L 60.6% C 0.190 H 7.6°. Best body text is #000000 at 4.93:1 contrast (WCAG AA passes).

Color values

HEX#D9416D
RGBrgb(217, 65, 109)
HSLhsl(343, 67%, 55%)
HSVhsv(343, 70%, 85%)
CMYKcmyk(0%, 70%, 49.8%, 14.9%)
CIE-LABlab(51.43, 61.73, 9.62)
CIE-LCHlch(51.43, 62.48, 8.86°)
OKLaboklab(60.57% 0.188 0.0249)
OKLCHoklch(60.57% 0.19 7.6)
XYZxyz(33.2687, 19.6409, 16.5042)
Luminance0.1964 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D9416D #41D9AD
analogous
#D941B9 #D9416D #D96141
triadic
#D9416D #6DD941 #416DD9
tetradic
#D9416D #B9D941 #41D9AD #6141D9
square
#D9416D #B9D941 #41D9AD #6141D9
split-complementary
#D9416D #41D961 #41B9D9
monochromatic
#851B39 #B8254F #D9416D #E37494 #EDA7BB

Accessibility & contrast

On white

4.26
#D9416D on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.93
#D9416D on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #D9416D
4.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D9416D#FFFFFF#000000##000000
##D9416D1.004.264.934.93
#FFFFFF4.261.0021.0021.00
#0000004.9321.001.001.00
##0000004.9321.001.001.00

Color blindness preview

Protanopia (red-blind)
#65676E
Deuteranopia (green-blind)
#8D8669
Tritanopia (blue-blind)
#EC2453
Achromatopsia (no color)
#7B7B7B

Design tokens & code

CSS
--color: #d9416d;
/* rgb */ color: rgb(217, 65, 109);
/* oklch */ color: oklch(60.6% 0.190 7.6);
Tailwind
colors: {
  custom: {
    50: '#eb8096',
    500: '#d9416d',
    950: '#000000',
  },
}
SCSS
$custom: #d9416d;
$custom-light: #eb8096;
$custom-dark: #000000;
JSON
{
  "hex": "#d9416d",
  "rgb": {
    "r": 217,
    "g": 65,
    "b": 109
  },
  "hsl": {
    "h": 342.632,
    "s": 66.667,
    "l": 55.294
  },
  "oklch": {
    "l": 0.60569,
    "c": 0.18965,
    "h": 7.6
  },
  "luminance": 0.19636
}

Semantic roles & 50–950 ramp

primary
#D9416D
secondary
#9BDBC8
accent
#EAB83E
background
#FFF8F9
surface
#FFEFF1
border
#D7CACB
text
#170B0D
muted
#857C7E

Preview Lab

Preview with #D9416D

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

Preview Lab → · Contrast checker → · Palette generator →

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