#721B4E#721B4E

#721B4E is a dark, vivid pink. Relative luminance 0.049; OKLCH L 38.4% C 0.131 H 349.1°. Best body text is #FFFFFF at 10.59:1 contrast (WCAG AA passes).

Color values

HEX#721B4E
RGBrgb(114, 27, 78)
HSLhsl(325, 62%, 28%)
HSVhsv(325, 76%, 45%)
CMYKcmyk(0%, 76.3%, 31.6%, 55.3%)
CIE-LABlab(26.48, 42.28, -9.44)
CIE-LCHlch(26.48, 43.32, 347.41°)
OKLaboklab(38.36% 0.129 -0.0247)
OKLCHoklch(38.36% 0.131 349.1)
XYZxyz(8.7070, 4.9123, 7.6959)
Luminance0.0491 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#721B4E #1B723F
analogous
#6B1B72 #721B4E #721B22
triadic
#721B4E #4E721B #1B4E72
tetradic
#721B4E #726B1B #1B723F #1B2272
square
#721B4E #726B1B #1B723F #1B2272
split-complementary
#721B4E #22721B #1B726B
monochromatic
#190611 #410F2C #721B4E #A32770 #D03891

Accessibility & contrast

On white

10.59
#721B4E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.98
#721B4E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #721B4E
10.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##721B4E#FFFFFF#000000##FFFFFF
##721B4E1.0010.591.9810.59
#FFFFFF10.591.0021.001.00
#0000001.9821.001.0021.00
##FFFFFF10.591.0021.001.00

Color blindness preview

Protanopia (red-blind)
#28354F
Deuteranopia (green-blind)
#42444C
Tritanopia (blue-blind)
#7B1632
Achromatopsia (no color)
#3F3F3F

Design tokens & code

CSS
--color: #721b4e;
/* rgb */ color: rgb(114, 27, 78);
/* oklch */ color: oklch(38.4% 0.131 349.1);
Tailwind
colors: {
  custom: {
    50: '#9e607f',
    500: '#721b4e',
    950: '#000000',
  },
}
SCSS
$custom: #721b4e;
$custom-light: #9e607f;
$custom-dark: #000000;
JSON
{
  "hex": "#721b4e",
  "rgb": {
    "r": 114,
    "g": 27,
    "b": 78
  },
  "hsl": {
    "h": 324.828,
    "s": 61.702,
    "l": 27.647
  },
  "oklch": {
    "l": 0.3836,
    "c": 0.13131,
    "h": 349.1
  },
  "luminance": 0.04911
}

Semantic roles & 50–950 ramp

primary
#721B4E
secondary
#42A76C
accent
#E58643
background
#FAF5F7
surface
#F3EAEE
border
#CDC6C9
text
#0F050A
muted
#7F797C

Preview Lab

Preview with #721B4E

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

Preview Lab → · Contrast checker → · Palette generator →

#721B4E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva