#D9247A#D9247A

#D9247A is a mid, highly saturated pink. Relative luminance 0.174; OKLCH L 58.7% C 0.220 H 358.8°. Best body text is #FFFFFF at 4.68:1 contrast (WCAG AA passes).

Color values

HEX#D9247A
RGBrgb(217, 36, 122)
HSLhsl(331, 72%, 50%)
HSVhsv(331, 83%, 85%)
CMYKcmyk(0%, 83.4%, 43.8%, 14.9%)
CIE-LABlab(48.79, 71.31, -2.07)
CIE-LCHlch(48.79, 71.34, 358.34°)
OKLaboklab(58.75% 0.2196 -0.0046)
OKLCHoklch(58.75% 0.22 358.8)
XYZxyz(32.7617, 17.4231, 20.0464)
Luminance0.1742 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#D9247A #24D983
analogous
#D924D5 #D9247A #D92924
triadic
#D9247A #7AD924 #247AD9
tetradic
#D9247A #D5D924 #24D983 #2924D9
square
#D9247A #D5D924 #24D983 #2924D9
split-complementary
#D9247A #24D929 #24D5D9
monochromatic
#70133F #A51B5C #D9247A #E3579A #EC8CB9

Accessibility & contrast

On white

4.68
#D9247A on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.48
#D9247A on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #D9247A
4.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##D9247A#FFFFFF#000000##FFFFFF
##D9247A1.004.684.484.68
#FFFFFF4.681.0021.001.00
#0000004.4821.001.0021.00
##FFFFFF4.681.0021.001.00

Color blindness preview

Protanopia (red-blind)
#525E7C
Deuteranopia (green-blind)
#838076
Tritanopia (blue-blind)
#EC004D
Achromatopsia (no color)
#747474

Design tokens & code

CSS
--color: #d9247a;
/* rgb */ color: rgb(217, 36, 122);
/* oklch */ color: oklch(58.7% 0.220 358.8);
Tailwind
colors: {
  custom: {
    50: '#eb75a0',
    500: '#d9247a',
    950: '#000000',
  },
}
SCSS
$custom: #d9247a;
$custom-light: #eb75a0;
$custom-dark: #000000;
JSON
{
  "hex": "#d9247a",
  "rgb": {
    "r": 217,
    "g": 36,
    "b": 122
  },
  "hsl": {
    "h": 331.492,
    "s": 71.542,
    "l": 49.608
  },
  "oklch": {
    "l": 0.58745,
    "c": 0.21966,
    "h": 358.8
  },
  "luminance": 0.17419
}

Semantic roles & 50–950 ramp

primary
#D9247A
secondary
#83D6AE
accent
#EE983A
background
#FFF7F9
surface
#FFEEF2
border
#D7C9CC
text
#170A0E
muted
#857C7E

Preview Lab

Preview with #D9247A

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

Preview Lab → · Contrast checker → · Palette generator →

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