#A32588#A32588

#A32588 is a mid, vivid pink. Relative luminance 0.109; OKLCH L 50.3% C 0.190 H 338.4°. Best body text is #FFFFFF at 6.61:1 contrast (WCAG AA passes).

Color values

HEX#A32588
RGBrgb(163, 37, 136)
HSLhsl(313, 63%, 39%)
HSVhsv(313, 77%, 64%)
CMYKcmyk(0%, 77.3%, 16.6%, 36.1%)
CIE-LABlab(39.39, 59.67, -25.85)
CIE-LCHlch(39.39, 65.03, 336.58°)
OKLaboklab(50.28% 0.177 -0.0701)
OKLCHoklch(50.28% 0.19 338.4)
XYZxyz(20.2102, 10.8892, 24.3252)
Luminance0.1089 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A32588 #25A340
analogous
#7F25A3 #A32588 #A32549
triadic
#A32588 #88A325 #2588A3
tetradic
#A32588 #A37F25 #25A340 #2549A3
square
#A32588 #A37F25 #25A340 #2549A3
split-complementary
#A32588 #49A325 #25A37F
monochromatic
#3F0E35 #711A5E #A32588 #D134AF #DC66C3

Accessibility & contrast

On white

6.61
#A32588 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.18
#A32588 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A32588
6.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A32588#FFFFFF#000000##FFFFFF
##A325881.006.613.186.61
#FFFFFF6.611.0021.001.00
#0000003.1821.001.0021.00
##FFFFFF6.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2C508B
Deuteranopia (green-blind)
#576485
Tritanopia (blue-blind)
#AC2C54
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #a32588;
/* rgb */ color: rgb(163, 37, 136);
/* oklch */ color: oklch(50.3% 0.190 338.4);
Tailwind
colors: {
  custom: {
    50: '#c26eab',
    500: '#a32588',
    950: '#000000',
  },
}
SCSS
$custom: #a32588;
$custom-light: #c26eab;
$custom-dark: #000000;
JSON
{
  "hex": "#a32588",
  "rgb": {
    "r": 163,
    "g": 37,
    "b": 136
  },
  "hsl": {
    "h": 312.857,
    "s": 63,
    "l": 39.216
  },
  "oklch": {
    "l": 0.5028,
    "c": 0.19037,
    "h": 338.4
  },
  "luminance": 0.10887
}

Semantic roles & 50–950 ramp

primary
#A32588
secondary
#62C276
accent
#E66542
background
#FCF7FA
surface
#F8EDF4
border
#D1C8CE
text
#130810
muted
#827B7F

Preview Lab

Preview with #A32588

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

Preview Lab → · Contrast checker → · Palette generator →

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