#A12BA3#A12BA3

#A12BA3 is a mid, highly saturated purple. Relative luminance 0.119; OKLCH L 51.9% C 0.203 H 327.3°. Best body text is #FFFFFF at 6.20:1 contrast (WCAG AA passes).

Color values

HEX#A12BA3
RGBrgb(161, 43, 163)
HSLhsl(299, 58%, 40%)
HSVhsv(299, 74%, 64%)
CMYKcmyk(1.2%, 73.6%, 0%, 36.1%)
CIE-LABlab(41.14, 61.51, -39.50)
CIE-LCHlch(41.14, 73.10, 327.29°)
OKLaboklab(51.93% 0.1707 -0.1096)
OKLCHoklch(51.93% 0.203 327.3)
XYZxyz(22.1723, 11.9507, 35.7821)
Luminance0.1195 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A12BA3 #2DA32B
analogous
#652BA3 #A12BA3 #A32B69
triadic
#A12BA3 #A3A12B #2BA3A1
tetradic
#A12BA3 #A3652B #2DA32B #2B69A3
square
#A12BA3 #A3652B #2DA32B #2B69A3
split-complementary
#A12BA3 #69A32B #2BA365
monochromatic
#411142 #711E73 #A12BA3 #CA3FCC #D76FD9

Accessibility & contrast

On white

6.20
#A12BA3 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.39
#A12BA3 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A12BA3
6.20:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A12BA3#FFFFFF#000000##FFFFFF
##A12BA31.006.203.396.20
#FFFFFF6.201.0021.001.00
#0000003.3921.001.0021.00
##FFFFFF6.201.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0F57A6
Deuteranopia (green-blind)
#4A66A0
Tritanopia (blue-blind)
#A63E65
Achromatopsia (no color)
#616161

Design tokens & code

CSS
--color: #a12ba3;
/* rgb */ color: rgb(161, 43, 163);
/* oklch */ color: oklch(51.9% 0.203 327.3);
Tailwind
colors: {
  custom: {
    50: '#c071bf',
    500: '#a12ba3',
    950: '#000000',
  },
}
SCSS
$custom: #a12ba3;
$custom-light: #c071bf;
$custom-dark: #000000;
JSON
{
  "hex": "#a12ba3",
  "rgb": {
    "r": 161,
    "g": 43,
    "b": 163
  },
  "hsl": {
    "h": 299,
    "s": 58.252,
    "l": 40.392
  },
  "oklch": {
    "l": 0.51928,
    "c": 0.20283,
    "h": 327.3
  },
  "luminance": 0.11949
}

Semantic roles & 50–950 ramp

primary
#A12BA3
secondary
#6BC06A
accent
#E14649
background
#FCF7FB
surface
#F8EDF7
border
#D1C8D0
text
#130812
muted
#827B81

Preview Lab

Preview with #A12BA3

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

Preview Lab → · Contrast checker → · Palette generator →

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