#AC20AB#AC20AB

#AC20AB is a mid, highly saturated purple. Relative luminance 0.127; OKLCH L 53.3% C 0.224 H 328.5°. Best body text is #FFFFFF at 5.92:1 contrast (WCAG AA passes).

Color values

HEX#AC20AB
RGBrgb(172, 32, 171)
HSLhsl(300, 69%, 40%)
HSVhsv(300, 81%, 67%)
CMYKcmyk(0%, 81.4%, 0.6%, 32.5%)
CIE-LABlab(42.38, 68.22, -42.19)
CIE-LCHlch(42.38, 80.21, 328.26°)
OKLaboklab(53.32% 0.191 -0.117)
OKLCHoklch(53.32% 0.224 328.5)
XYZxyz(24.8802, 12.7459, 39.6700)
Luminance0.1274 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AC20AB #20AC21
analogous
#6720AC #AC20AB #AC2065
triadic
#AC20AB #ABAC20 #20ABAC
tetradic
#AC20AB #AC6720 #20AC21 #2065AC
square
#AC20AB #AC6720 #20AC21 #2065AC
split-complementary
#AC20AB #65AC20 #20AC67
monochromatic
#450D44 #781678 #AC20AB #D931D7 #E264E1

Accessibility & contrast

On white

5.92
#AC20AB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.55
#AC20AB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AC20AB
5.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AC20AB#FFFFFF#000000##FFFFFF
##AC20AB1.005.923.555.92
#FFFFFF5.921.0021.001.00
#0000003.5521.001.0021.00
##FFFFFF5.921.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0059AF
Deuteranopia (green-blind)
#4B6AA8
Tritanopia (blue-blind)
#B23967
Achromatopsia (no color)
#646464

Design tokens & code

CSS
--color: #ac20ab;
/* rgb */ color: rgb(172, 32, 171);
/* oklch */ color: oklch(53.3% 0.224 328.5);
Tailwind
colors: {
  custom: {
    50: '#c96fc4',
    500: '#ac20ab',
    950: '#000000',
  },
}
SCSS
$custom: #ac20ab;
$custom-light: #c96fc4;
$custom-dark: #000000;
JSON
{
  "hex": "#ac20ab",
  "rgb": {
    "r": 172,
    "g": 32,
    "b": 171
  },
  "hsl": {
    "h": 300.429,
    "s": 68.627,
    "l": 40
  },
  "oklch": {
    "l": 0.53315,
    "c": 0.224,
    "h": 328.5
  },
  "luminance": 0.12744
}

Semantic roles & 50–950 ramp

primary
#AC20AB
secondary
#60C761
accent
#EB3E3C
background
#FCF7FC
surface
#F9EDF8
border
#D2C8D1
text
#140813
muted
#827B82

Preview Lab

Preview with #AC20AB

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

Preview Lab → · Contrast checker → · Palette generator →

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