#A12470#A12470

#A12470 is a mid, vivid pink. Relative luminance 0.100; OKLCH L 48.8% C 0.175 H 348.5°. Best body text is #FFFFFF at 7.00:1 contrast (WCAG AA passes).

Color values

HEX#A12470
RGBrgb(161, 36, 112)
HSLhsl(324, 63%, 39%)
HSVhsv(324, 78%, 63%)
CMYKcmyk(0%, 77.6%, 30.4%, 36.9%)
CIE-LABlab(37.86, 56.32, -13.32)
CIE-LCHlch(37.86, 57.87, 346.69°)
OKLaboklab(48.76% 0.1719 -0.035)
OKLCHoklch(48.76% 0.175 348.5)
XYZxyz(18.2544, 10.0108, 16.2971)
Luminance0.1001 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A12470 #24A155
analogous
#9324A1 #A12470 #A12431
triadic
#A12470 #70A124 #2470A1
tetradic
#A12470 #A19324 #24A155 #2431A1
square
#A12470 #A19324 #24A155 #2431A1
split-complementary
#A12470 #31A124 #24A193
monochromatic
#3D0E2A #6F194D #A12470 #D13192 #DC63AD

Accessibility & contrast

On white

7.00
#A12470 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

3.00
#A12470 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A12470
7.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A12470#FFFFFF#000000##FFFFFF
##A124701.007.003.007.00
#FFFFFF7.001.0021.001.00
#0000003.0021.001.0021.00
##FFFFFF7.001.0021.001.00

Color blindness preview

Protanopia (red-blind)
#384B72
Deuteranopia (green-blind)
#5D616D
Tritanopia (blue-blind)
#AD1D47
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #a12470;
/* rgb */ color: rgb(161, 36, 112);
/* oklch */ color: oklch(48.8% 0.175 348.5);
Tailwind
colors: {
  custom: {
    50: '#c16c99',
    500: '#a12470',
    950: '#000000',
  },
}
SCSS
$custom: #a12470;
$custom-light: #c16c99;
$custom-dark: #000000;
JSON
{
  "hex": "#a12470",
  "rgb": {
    "r": 161,
    "g": 36,
    "b": 112
  },
  "hsl": {
    "h": 323.52,
    "s": 63.452,
    "l": 38.627
  },
  "oklch": {
    "l": 0.48758,
    "c": 0.17545,
    "h": 348.5
  },
  "luminance": 0.10009
}

Semantic roles & 50–950 ramp

primary
#A12470
secondary
#5FC286
accent
#E68241
background
#FCF6F9
surface
#F8ECF2
border
#D1C7CC
text
#13080D
muted
#827A7E

Preview Lab

Preview with #A12470

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

Preview Lab → · Contrast checker → · Palette generator →

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