#9D2B7F#9D2B7F

#9D2B7F is a mid, vivid pink. Relative luminance 0.104; OKLCH L 49.4% C 0.174 H 340.4°. Best body text is #FFFFFF at 6.81:1 contrast (WCAG AA passes).

Color values

HEX#9D2B7F
RGBrgb(157, 43, 127)
HSLhsl(316, 57%, 39%)
HSVhsv(316, 73%, 62%)
CMYKcmyk(0%, 72.6%, 19.1%, 38.4%)
CIE-LABlab(38.60, 54.93, -21.61)
CIE-LCHlch(38.60, 59.02, 338.53°)
OKLaboklab(49.37% 0.1639 -0.0582)
OKLCHoklch(49.37% 0.174 340.4)
XYZxyz(18.5998, 10.4300, 21.1082)
Luminance0.1043 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9D2B7F #2B9D49
analogous
#822B9D #9D2B7F #9D2B46
triadic
#9D2B7F #7F9D2B #2B7F9D
tetradic
#9D2B7F #9D822B #2B9D49 #2B469D
square
#9D2B7F #9D822B #2B9D49 #2B469D
split-complementary
#9D2B7F #469D2B #2B9D82
monochromatic
#3D1131 #6D1E58 #9D2B7F #CA3CA4 #D76CBB

Accessibility & contrast

On white

6.81
#9D2B7F on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.09
#9D2B7F on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #9D2B7F
6.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9D2B7F#FFFFFF#000000##FFFFFF
##9D2B7F1.006.813.096.81
#FFFFFF6.811.0021.001.00
#0000003.0921.001.0021.00
##FFFFFF6.811.0021.001.00

Color blindness preview

Protanopia (red-blind)
#334F81
Deuteranopia (green-blind)
#57617C
Tritanopia (blue-blind)
#A62E51
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #9d2b7f;
/* rgb */ color: rgb(157, 43, 127);
/* oklch */ color: oklch(49.4% 0.174 340.4);
Tailwind
colors: {
  custom: {
    50: '#be6fa4',
    500: '#9d2b7f',
    950: '#000000',
  },
}
SCSS
$custom: #9d2b7f;
$custom-light: #be6fa4;
$custom-dark: #000000;
JSON
{
  "hex": "#9d2b7f",
  "rgb": {
    "r": 157,
    "g": 43,
    "b": 127
  },
  "hsl": {
    "h": 315.789,
    "s": 57,
    "l": 39.216
  },
  "oklch": {
    "l": 0.49371,
    "c": 0.17393,
    "h": 340.4
  },
  "luminance": 0.10428
}

Semantic roles & 50–950 ramp

primary
#9D2B7F
secondary
#66BD7D
accent
#E07048
background
#FCF7FA
surface
#F8EDF4
border
#D1C8CE
text
#13080F
muted
#827B7F

Preview Lab

Preview with #9D2B7F

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

Preview Lab → · Contrast checker → · Palette generator →

#9D2B7F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva