#AC2164#AC2164

#AC2164 is a mid, vivid pink. Relative luminance 0.108; OKLCH L 50.0% C 0.181 H 357.3°. Best body text is #FFFFFF at 6.65:1 contrast (WCAG AA passes).

Color values

HEX#AC2164
RGBrgb(172, 33, 100)
HSLhsl(331, 68%, 40%)
HSVhsv(331, 81%, 67%)
CMYKcmyk(0%, 80.8%, 41.9%, 32.5%)
CIE-LABlab(39.21, 58.72, -3.52)
CIE-LCHlch(39.21, 58.83, 356.57°)
OKLaboklab(49.98% 0.1807 -0.0085)
OKLCHoklch(49.98% 0.181 357.3)
XYZxyz(19.8589, 10.7811, 13.0893)
Luminance0.1078 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AC2164 #21AC69
analogous
#AC21AA #AC2164 #AC2321
triadic
#AC2164 #64AC21 #2164AC
tetradic
#AC2164 #AAAC21 #21AC69 #2321AC
square
#AC2164 #AAAC21 #21AC69 #2321AC
split-complementary
#AC2164 #21AC23 #21AAAC
monochromatic
#450D28 #791746 #AC2164 #D83282 #E266A1

Accessibility & contrast

On white

6.65
#AC2164 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.16
#AC2164 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #AC2164
6.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AC2164#FFFFFF#000000##FFFFFF
##AC21641.006.653.166.65
#FFFFFF6.651.0021.001.00
#0000003.1621.001.0021.00
##FFFFFF6.651.0021.001.00

Color blindness preview

Protanopia (red-blind)
#414C66
Deuteranopia (green-blind)
#676661
Tritanopia (blue-blind)
#BB0240
Achromatopsia (no color)
#5C5C5C

Design tokens & code

CSS
--color: #ac2164;
/* rgb */ color: rgb(172, 33, 100);
/* oklch */ color: oklch(50.0% 0.181 357.3);
Tailwind
colors: {
  custom: {
    50: '#ca6c90',
    500: '#ac2164',
    950: '#000000',
  },
}
SCSS
$custom: #ac2164;
$custom-light: #ca6c90;
$custom-dark: #000000;
JSON
{
  "hex": "#ac2164",
  "rgb": {
    "r": 172,
    "g": 33,
    "b": 100
  },
  "hsl": {
    "h": 331.079,
    "s": 67.805,
    "l": 40.196
  },
  "oklch": {
    "l": 0.49978,
    "c": 0.18091,
    "h": 357.3
  },
  "luminance": 0.10778
}

Semantic roles & 50–950 ramp

primary
#AC2164
secondary
#62C796
accent
#EB973D
background
#FDF7F8
surface
#FAEDF0
border
#D3C8CB
text
#14080C
muted
#837B7D

Preview Lab

Preview with #AC2164

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

Preview Lab → · Contrast checker → · Palette generator →

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