#AC1CA3#AC1CA3

#AC1CA3 is a mid, highly saturated purple. Relative luminance 0.122; OKLCH L 52.6% C 0.221 H 331.2°. Best body text is #FFFFFF at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#AC1CA3
RGBrgb(172, 28, 163)
HSLhsl(304, 72%, 39%)
HSVhsv(304, 84%, 67%)
CMYKcmyk(0%, 83.7%, 5.2%, 32.5%)
CIE-LABlab(41.61, 67.90, -38.64)
CIE-LCHlch(41.61, 78.12, 330.35°)
OKLaboklab(52.62% 0.1939 -0.1067)
OKLCHoklch(52.62% 0.221 331.2)
XYZxyz(24.0394, 12.2475, 35.7411)
Luminance0.1225 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AC1CA3 #1CAC25
analogous
#6D1CAC #AC1CA3 #AC1C5B
triadic
#AC1CA3 #A3AC1C #1CA3AC
tetradic
#AC1CA3 #AC6D1C #1CAC25 #1C5BAC
square
#AC1CA3 #AC6D1C #1CAC25 #1C5BAC
split-complementary
#AC1CA3 #5BAC1C #1CAC6D
monochromatic
#430B3F #771371 #AC1CA3 #DC29D1 #E55EDC

Accessibility & contrast

On white

6.09
#AC1CA3 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#AC1CA3 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AC1CA3
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AC1CA3#FFFFFF#000000##FFFFFF
##AC1CA31.006.093.456.09
#FFFFFF6.091.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0056A6
Deuteranopia (green-blind)
#4F69A0
Tritanopia (blue-blind)
#B33362
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #ac1ca3;
/* rgb */ color: rgb(172, 28, 163);
/* oklch */ color: oklch(52.6% 0.221 331.2);
Tailwind
colors: {
  custom: {
    50: '#c96dbf',
    500: '#ac1ca3',
    950: '#000000',
  },
}
SCSS
$custom: #ac1ca3;
$custom-light: #c96dbf;
$custom-dark: #000000;
JSON
{
  "hex": "#ac1ca3",
  "rgb": {
    "r": 172,
    "g": 28,
    "b": 163
  },
  "hsl": {
    "h": 303.75,
    "s": 72,
    "l": 39.216
  },
  "oklch": {
    "l": 0.52621,
    "c": 0.22129,
    "h": 331.2
  },
  "luminance": 0.12246
}

Semantic roles & 50–950 ramp

primary
#AC1CA3
secondary
#5BC962
accent
#EF4439
background
#FCF7FB
surface
#F9EDF7
border
#D2C8D0
text
#140812
muted
#827B81

Preview Lab

Preview with #AC1CA3

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

Preview Lab → · Contrast checker → · Palette generator →

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