#72177D#72177D

#72177D is a dark, vivid purple. Relative luminance 0.057; OKLCH L 40.7% C 0.171 H 323.1°. Best body text is #FFFFFF at 9.84:1 contrast (WCAG AA passes).

Color values

HEX#72177D
RGBrgb(114, 23, 125)
HSLhsl(294, 69%, 29%)
HSVhsv(294, 82%, 49%)
CMYKcmyk(8.8%, 81.6%, 0%, 51%)
CIE-LABlab(28.57, 51.17, -36.69)
CIE-LCHlch(28.57, 62.96, 324.36°)
OKLaboklab(40.69% 0.1366 -0.1026)
OKLCHoklch(40.69% 0.171 323.1)
XYZxyz(10.9471, 5.6715, 19.9162)
Luminance0.0567 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#72177D #227D17
analogous
#3F177D #72177D #7D1755
triadic
#72177D #7D7217 #177D72
tetradic
#72177D #7D3F17 #227D17 #17557D
square
#72177D #7D3F17 #227D17 #17557D
split-complementary
#72177D #557D17 #177D3F
monochromatic
#18051A #430D49 #72177D #A121B1 #C835DA

Accessibility & contrast

On white

9.84
#72177D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.13
#72177D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #72177D
9.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##72177D#FFFFFF#000000##FFFFFF
##72177D1.009.842.139.84
#FFFFFF9.841.0021.001.00
#0000002.1321.001.0021.00
##FFFFFF9.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003D80
Deuteranopia (green-blind)
#29477B
Tritanopia (blue-blind)
#742C4A
Achromatopsia (no color)
#434343

Design tokens & code

CSS
--color: #72177d;
/* rgb */ color: rgb(114, 23, 125);
/* oklch */ color: oklch(40.7% 0.171 323.1);
Tailwind
colors: {
  custom: {
    50: '#9e61a3',
    500: '#72177d',
    950: '#000000',
  },
}
SCSS
$custom: #72177d;
$custom-light: #9e61a3;
$custom-dark: #000000;
JSON
{
  "hex": "#72177d",
  "rgb": {
    "r": 114,
    "g": 23,
    "b": 125
  },
  "hsl": {
    "h": 293.529,
    "s": 68.919,
    "l": 29.02
  },
  "oklch": {
    "l": 0.40685,
    "c": 0.17081,
    "h": 323.1
  },
  "luminance": 0.05671
}

Semantic roles & 50–950 ramp

primary
#72177D
secondary
#4BB23E
accent
#EC3C4F
background
#FAF6FA
surface
#F3EBF4
border
#CDC6CE
text
#0F050F
muted
#7F7A7F

Preview Lab

Preview with #72177D

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

Preview Lab → · Contrast checker → · Palette generator →

#72177D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva