#A72270#A72270

#A72270 is a mid, vivid pink. Relative luminance 0.105; OKLCH L 49.6% C 0.182 H 350.2°. Best body text is #FFFFFF at 6.76:1 contrast (WCAG AA passes).

Color values

HEX#A72270
RGBrgb(167, 34, 112)
HSLhsl(325, 66%, 39%)
HSVhsv(325, 80%, 65%)
CMYKcmyk(0%, 79.6%, 32.9%, 34.5%)
CIE-LABlab(38.78, 58.44, -11.82)
CIE-LCHlch(38.78, 59.63, 348.56°)
OKLaboklab(49.63% 0.179 -0.0308)
OKLCHoklch(49.63% 0.182 350.2)
XYZxyz(19.4341, 10.5317, 16.3355)
Luminance0.1053 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A72270 #22A759
analogous
#9C22A7 #A72270 #A7222E
triadic
#A72270 #70A722 #2270A7
tetradic
#A72270 #A79C22 #22A759 #222EA7
square
#A72270 #A79C22 #22A759 #222EA7
split-complementary
#A72270 #2EA722 #22A79C
monochromatic
#410D2C #74184E #A72270 #D53191 #DF64AC

Accessibility & contrast

On white

6.76
#A72270 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.11
#A72270 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A72270
6.76:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A72270#FFFFFF#000000##FFFFFF
##A722701.006.763.116.76
#FFFFFF6.761.0021.001.00
#0000003.1121.001.0021.00
##FFFFFF6.761.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3A4C72
Deuteranopia (green-blind)
#61646D
Tritanopia (blue-blind)
#B41747
Achromatopsia (no color)
#5B5B5B

Design tokens & code

CSS
--color: #a72270;
/* rgb */ color: rgb(167, 34, 112);
/* oklch */ color: oklch(49.6% 0.182 350.2);
Tailwind
colors: {
  custom: {
    50: '#c66c99',
    500: '#a72270',
    950: '#000000',
  },
}
SCSS
$custom: #a72270;
$custom-light: #c66c99;
$custom-dark: #000000;
JSON
{
  "hex": "#a72270",
  "rgb": {
    "r": 167,
    "g": 34,
    "b": 112
  },
  "hsl": {
    "h": 324.812,
    "s": 66.169,
    "l": 39.412
  },
  "oklch": {
    "l": 0.49633,
    "c": 0.18167,
    "h": 350.2
  },
  "luminance": 0.10529
}

Semantic roles & 50–950 ramp

primary
#A72270
secondary
#60C58A
accent
#E9853F
background
#FCF7F9
surface
#F9EDF2
border
#D2C8CC
text
#14080D
muted
#827B7E

Preview Lab

Preview with #A72270

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

Preview Lab → · Contrast checker → · Palette generator →

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