#A64070#A64070

#A64070 is a mid, vivid pink. Relative luminance 0.129; OKLCH L 52.5% C 0.143 H 353.9°. Best body text is #FFFFFF at 5.85:1 contrast (WCAG AA passes).

Color values

HEX#A64070
RGBrgb(166, 64, 112)
HSLhsl(332, 44%, 45%)
HSVhsv(332, 61%, 65%)
CMYKcmyk(0%, 61.4%, 32.5%, 34.9%)
CIE-LABlab(42.68, 46.84, -5.98)
CIE-LCHlch(42.68, 47.22, 352.72°)
OKLaboklab(52.47% 0.1427 -0.0152)
OKLCHoklch(52.47% 0.143 353.9)
XYZxyz(20.4849, 12.9458, 16.7461)
Luminance0.1294 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A64070 #40A676
analogous
#A640A3 #A64070 #A64340
triadic
#A64070 #70A640 #4070A6
tetradic
#A64070 #A3A640 #40A676 #4340A6
square
#A64070 #A3A640 #40A676 #4340A6
split-complementary
#A64070 #40A643 #40A3A6
monochromatic
#4E1E34 #7A2F52 #A64070 #C2618F #D38DAE

Accessibility & contrast

On white

5.85
#A64070 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.59
#A64070 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A64070
5.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A64070#FFFFFF#000000##FFFFFF
##A640701.005.853.595.85
#FFFFFF5.851.0021.001.00
#0000003.5921.001.0021.00
##FFFFFF5.851.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4F5971
Deuteranopia (green-blind)
#6B6C6E
Tritanopia (blue-blind)
#B23A53
Achromatopsia (no color)
#656565

Design tokens & code

CSS
--color: #a64070;
/* rgb */ color: rgb(166, 64, 112);
/* oklch */ color: oklch(52.5% 0.143 353.9);
Tailwind
colors: {
  custom: {
    50: '#c47a99',
    500: '#a64070',
    950: '#000000',
  },
}
SCSS
$custom: #a64070;
$custom-light: #c47a99;
$custom-dark: #000000;
JSON
{
  "hex": "#a64070",
  "rgb": {
    "r": 166,
    "g": 64,
    "b": 112
  },
  "hsl": {
    "h": 331.765,
    "s": 44.348,
    "l": 45.098
  },
  "oklch": {
    "l": 0.52467,
    "c": 0.14346,
    "h": 353.9
  },
  "luminance": 0.12944
}

Semantic roles & 50–950 ramp

primary
#A64070
secondary
#84BEA3
accent
#D49854
background
#FCF7F9
surface
#F8EEF2
border
#D1C9CC
text
#130A0D
muted
#827C7E

Preview Lab

Preview with #A64070

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

Preview Lab → · Contrast checker → · Palette generator →

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