#722098#722098

#722098 is a dark, vivid purple. Relative luminance 0.069; OKLCH L 43.4% C 0.186 H 312.1°. Best body text is #FFFFFF at 8.84:1 contrast (WCAG AA passes).

Color values

HEX#722098
RGBrgb(114, 32, 152)
HSLhsl(281, 65%, 36%)
HSVhsv(281, 79%, 60%)
CMYKcmyk(25%, 78.9%, 0%, 40.4%)
CIE-LABlab(31.53, 53.56, -48.68)
CIE-LCHlch(31.53, 72.38, 317.73°)
OKLaboklab(43.38% 0.1247 -0.1378)
OKLCHoklch(43.38% 0.186 312.1)
XYZxyz(13.1224, 6.8778, 30.3360)
Luminance0.0688 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#722098 #469820
analogous
#362098 #722098 #982082
triadic
#722098 #987220 #209872
tetradic
#722098 #983620 #469820 #208298
square
#722098 #983620 #469820 #208298
split-complementary
#722098 #829820 #209836
monochromatic
#260B33 #4C1565 #722098 #982BCB #B257DC

Accessibility & contrast

On white

8.84
#722098 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.38
#722098 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #722098
8.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##722098#FFFFFF#000000##FFFFFF
##7220981.008.842.388.84
#FFFFFF8.841.0021.001.00
#0000002.3821.001.0021.00
##FFFFFF8.841.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00469B
Deuteranopia (green-blind)
#094C96
Tritanopia (blue-blind)
#6D3D5C
Achromatopsia (no color)
#4A4A4A

Design tokens & code

CSS
--color: #722098;
/* rgb */ color: rgb(114, 32, 152);
/* oklch */ color: oklch(43.4% 0.186 312.1);
Tailwind
colors: {
  custom: {
    50: '#9f66b7',
    500: '#722098',
    950: '#000000',
  },
}
SCSS
$custom: #722098;
$custom-light: #9f66b7;
$custom-dark: #000000;
JSON
{
  "hex": "#722098",
  "rgb": {
    "r": 114,
    "g": 32,
    "b": 152
  },
  "hsl": {
    "h": 281,
    "s": 65.217,
    "l": 36.078
  },
  "oklch": {
    "l": 0.43382,
    "c": 0.18586,
    "h": 312.1
  },
  "luminance": 0.06877
}

Semantic roles & 50–950 ramp

primary
#722098
secondary
#76BF54
accent
#E84075
background
#FAF6FB
surface
#F4EBF6
border
#CEC6D0
text
#0F0611
muted
#7F7A80

Preview Lab

Preview with #722098

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

Preview Lab → · Contrast checker → · Palette generator →

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