#721773#721773

#721773 is a dark, vivid purple. Relative luminance 0.054; OKLCH L 40.0% C 0.163 H 327.6°. Best body text is #FFFFFF at 10.07:1 contrast (WCAG AA passes).

Color values

HEX#721773
RGBrgb(114, 23, 115)
HSLhsl(299, 67%, 27%)
HSVhsv(299, 80%, 45%)
CMYKcmyk(0.9%, 80%, 0%, 54.9%)
CIE-LABlab(27.92, 49.37, -31.37)
CIE-LCHlch(27.92, 58.49, 327.57°)
OKLaboklab(40.02% 0.1373 -0.0871)
OKLCHoklch(40.02% 0.163 327.6)
XYZxyz(10.3402, 5.4288, 16.7196)
Luminance0.0543 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#721773 #187317
analogous
#441773 #721773 #731746
triadic
#721773 #737217 #177372
tetradic
#721773 #734417 #187317 #174673
square
#721773 #734417 #187317 #174673
split-complementary
#721773 #467317 #177344
monochromatic
#19051A #3F0D40 #721773 #A521A6 #D42FD5

Accessibility & contrast

On white

10.07
#721773 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.09
#721773 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #721773
10.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##721773#FFFFFF#000000##FFFFFF
##7217731.0010.072.0910.07
#FFFFFF10.071.0021.001.00
#0000002.0921.001.0021.00
##FFFFFF10.071.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003A75
Deuteranopia (green-blind)
#304671
Tritanopia (blue-blind)
#762745
Achromatopsia (no color)
#424242

Design tokens & code

CSS
--color: #721773;
/* rgb */ color: rgb(114, 23, 115);
/* oklch */ color: oklch(40.0% 0.163 327.6);
Tailwind
colors: {
  custom: {
    50: '#9e609c',
    500: '#721773',
    950: '#000000',
  },
}
SCSS
$custom: #721773;
$custom-light: #9e609c;
$custom-dark: #000000;
JSON
{
  "hex": "#721773",
  "rgb": {
    "r": 114,
    "g": 23,
    "b": 115
  },
  "hsl": {
    "h": 299.348,
    "s": 66.667,
    "l": 27.059
  },
  "oklch": {
    "l": 0.4002,
    "c": 0.16256,
    "h": 327.6
  },
  "luminance": 0.05428
}

Semantic roles & 50–950 ramp

primary
#721773
secondary
#3EA93D
accent
#EA3E40
background
#FAF6F9
surface
#F3EBF2
border
#CDC6CC
text
#0F050E
muted
#7F7A7E

Preview Lab

Preview with #721773

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

Preview Lab → · Contrast checker → · Palette generator →

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