#A12AAF#A12AAF

#A12AAF is a mid, highly saturated purple. Relative luminance 0.123; OKLCH L 52.6% C 0.213 H 323.3°. Best body text is #FFFFFF at 6.06:1 contrast (WCAG AA passes).

Color values

HEX#A12AAF
RGBrgb(161, 42, 175)
HSLhsl(294, 61%, 43%)
HSVhsv(294, 76%, 69%)
CMYKcmyk(8%, 76%, 0%, 31.4%)
CIE-LABlab(41.74, 63.90, -45.70)
CIE-LCHlch(41.74, 78.56, 324.43°)
OKLaboklab(52.58% 0.1711 -0.1277)
OKLCHoklch(52.58% 0.213 323.3)
XYZxyz(23.2630, 12.3296, 41.7037)
Luminance0.1233 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A12AAF #38AF2A
analogous
#5E2AAF #A12AAF #AF2A7B
triadic
#A12AAF #AFA12A #2AAFA1
tetradic
#A12AAF #AF5E2A #38AF2A #2A7BAF
square
#A12AAF #AF5E2A #38AF2A #2A7BAF
split-complementary
#A12AAF #7BAF2A #2AAF5E
monochromatic
#46124C #741E7E #A12AAF #C344D2 #D375DE

Accessibility & contrast

On white

6.06
#A12AAF on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.47
#A12AAF on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A12AAF
6.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A12AAF#FFFFFF#000000##FFFFFF
##A12AAF1.006.063.476.06
#FFFFFF6.061.0021.001.00
#0000003.4721.001.0021.00
##FFFFFF6.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005AB3
Deuteranopia (green-blind)
#4167AC
Tritanopia (blue-blind)
#A4436B
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #a12aaf;
/* rgb */ color: rgb(161, 42, 175);
/* oklch */ color: oklch(52.6% 0.213 323.3);
Tailwind
colors: {
  custom: {
    50: '#c171c7',
    500: '#a12aaf',
    950: '#000000',
  },
}
SCSS
$custom: #a12aaf;
$custom-light: #c171c7;
$custom-dark: #000000;
JSON
{
  "hex": "#a12aaf",
  "rgb": {
    "r": 161,
    "g": 42,
    "b": 175
  },
  "hsl": {
    "h": 293.684,
    "s": 61.29,
    "l": 42.549
  },
  "oklch": {
    "l": 0.52582,
    "c": 0.21343,
    "h": 323.3
  },
  "luminance": 0.12328
}

Semantic roles & 50–950 ramp

primary
#A12AAF
secondary
#78C66F
accent
#E44354
background
#FCF7FC
surface
#F8EDF8
border
#D1C8D1
text
#130913
muted
#827B82

Preview Lab

Preview with #A12AAF

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

Preview Lab → · Contrast checker → · Palette generator →

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