#8222A3#8222A3

#8222A3 is a mid, vivid purple. Relative luminance 0.085; OKLCH L 46.6% C 0.199 H 315.5°. Best body text is #FFFFFF at 7.76:1 contrast (WCAG AA passes).

Color values

HEX#8222A3
RGBrgb(130, 34, 163)
HSLhsl(285, 65%, 39%)
HSVhsv(285, 79%, 64%)
CMYKcmyk(20.2%, 79.1%, 0%, 36.1%)
CIE-LABlab(35.07, 58.15, -49.50)
CIE-LCHlch(35.07, 76.36, 319.59°)
OKLaboklab(46.64% 0.142 -0.1397)
OKLCHoklch(46.64% 0.199 315.5)
XYZxyz(16.3877, 8.5349, 35.4274)
Luminance0.0853 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#8222A3 #43A322
analogous
#4122A3 #8222A3 #A32283
triadic
#8222A3 #A38222 #22A382
tetradic
#8222A3 #A34122 #43A322 #2283A3
square
#8222A3 #A34122 #43A322 #2283A3
split-complementary
#8222A3 #83A322 #22A341
monochromatic
#310D3E #5A1770 #8222A3 #A92FD4 #BE61DE

Accessibility & contrast

On white

7.76
#8222A3 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.71
#8222A3 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #8222A3
7.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##8222A3#FFFFFF#000000##FFFFFF
##8222A31.007.762.717.76
#FFFFFF7.761.0021.001.00
#0000002.7121.001.0021.00
##FFFFFF7.761.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004DA6
Deuteranopia (green-blind)
#1D55A0
Tritanopia (blue-blind)
#7F4062
Achromatopsia (no color)
#525252

Design tokens & code

CSS
--color: #8222a3;
/* rgb */ color: rgb(130, 34, 163);
/* oklch */ color: oklch(46.6% 0.199 315.5);
Tailwind
colors: {
  custom: {
    50: '#ab69bf',
    500: '#8222a3',
    950: '#000000',
  },
}
SCSS
$custom: #8222a3;
$custom-light: #ab69bf;
$custom-dark: #000000;
JSON
{
  "hex": "#8222a3",
  "rgb": {
    "r": 130,
    "g": 34,
    "b": 163
  },
  "hsl": {
    "h": 284.651,
    "s": 65.482,
    "l": 38.627
  },
  "oklch": {
    "l": 0.46636,
    "c": 0.19917,
    "h": 315.5
  },
  "luminance": 0.08534
}

Semantic roles & 50–950 ramp

primary
#8222A3
secondary
#78C35E
accent
#E83F6B
background
#FAF6FB
surface
#F5ECF7
border
#CFC7D0
text
#110712
muted
#807A81

Preview Lab

Preview with #8222A3

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

Preview Lab → · Contrast checker → · Palette generator →

#8222A3 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva