#73174C#73174C

#73174C is a dark, vivid pink. Relative luminance 0.048; OKLCH L 38.1% C 0.136 H 350.4°. Best body text is #FFFFFF at 10.74:1 contrast (WCAG AA passes).

Color values

HEX#73174C
RGBrgb(115, 23, 76)
HSLhsl(325, 67%, 27%)
HSVhsv(325, 80%, 45%)
CMYKcmyk(0%, 80%, 33.9%, 54.9%)
CIE-LABlab(26.10, 43.71, -8.67)
CIE-LCHlch(26.10, 44.56, 348.78°)
OKLaboklab(38.09% 0.1338 -0.0226)
OKLCHoklch(38.09% 0.136 350.4)
XYZxyz(8.6816, 4.7805, 7.3016)
Luminance0.0478 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#73174C #17733E
analogous
#6C1773 #73174C #73171E
triadic
#73174C #4C7317 #174C73
tetradic
#73174C #736C17 #17733E #171E73
square
#73174C #736C17 #17733E #171E73
split-complementary
#73174C #1E7317 #17736C
monochromatic
#1A0511 #400D2A #73174C #A6216E #D52F8F

Accessibility & contrast

On white

10.74
#73174C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.96
#73174C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #73174C
10.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##73174C#FFFFFF#000000##FFFFFF
##73174C1.0010.741.9610.74
#FFFFFF10.741.0021.001.00
#0000001.9621.001.0021.00
##FFFFFF10.741.0021.001.00

Color blindness preview

Protanopia (red-blind)
#27334D
Deuteranopia (green-blind)
#42444A
Tritanopia (blue-blind)
#7C102F
Achromatopsia (no color)
#3E3E3E

Design tokens & code

CSS
--color: #73174c;
/* rgb */ color: rgb(115, 23, 76);
/* oklch */ color: oklch(38.1% 0.136 350.4);
Tailwind
colors: {
  custom: {
    50: '#9f5f7e',
    500: '#73174c',
    950: '#000000',
  },
}
SCSS
$custom: #73174c;
$custom-light: #9f5f7e;
$custom-dark: #000000;
JSON
{
  "hex": "#73174c",
  "rgb": {
    "r": 115,
    "g": 23,
    "b": 76
  },
  "hsl": {
    "h": 325.435,
    "s": 66.667,
    "l": 27.059
  },
  "oklch": {
    "l": 0.3809,
    "c": 0.13569,
    "h": 350.4
  },
  "luminance": 0.04779
}

Semantic roles & 50–950 ramp

primary
#73174C
secondary
#3DA96B
accent
#EA873E
background
#FAF5F7
surface
#F4EAEE
border
#CEC6C9
text
#0F0509
muted
#7F797B

Preview Lab

Preview with #73174C

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

Preview Lab → · Contrast checker → · Palette generator →

#73174C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva