#A1227D#A1227D

#A1227D is a mid, vivid pink. Relative luminance 0.102; OKLCH L 49.2% C 0.185 H 342.3°. Best body text is #FFFFFF at 6.91:1 contrast (WCAG AA passes).

Color values

HEX#A1227D
RGBrgb(161, 34, 125)
HSLhsl(317, 65%, 38%)
HSVhsv(317, 79%, 63%)
CMYKcmyk(0%, 78.9%, 22.4%, 36.9%)
CIE-LABlab(38.21, 58.57, -20.93)
CIE-LCHlch(38.21, 62.19, 340.34°)
OKLaboklab(49.19% 0.1763 -0.0562)
OKLCHoklch(49.19% 0.185 342.3)
XYZxyz(18.9723, 10.2038, 20.3684)
Luminance0.1020 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A1227D #22A146
analogous
#8522A1 #A1227D #A1223D
triadic
#A1227D #7DA122 #227DA1
tetradic
#A1227D #A18522 #22A146 #223DA1
square
#A1227D #A18522 #22A146 #223DA1
split-complementary
#A1227D #3DA122 #22A185
monochromatic
#3C0D2F #6E1756 #A1227D #D32DA4 #DD60BA

Accessibility & contrast

On white

6.91
#A1227D on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.04
#A1227D on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A1227D
6.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A1227D#FFFFFF#000000##FFFFFF
##A1227D1.006.913.046.91
#FFFFFF6.911.0021.001.00
#0000003.0421.001.0021.00
##FFFFFF6.911.0021.001.00

Color blindness preview

Protanopia (red-blind)
#304D7F
Deuteranopia (green-blind)
#58617A
Tritanopia (blue-blind)
#AB234D
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #a1227d;
/* rgb */ color: rgb(161, 34, 125);
/* oklch */ color: oklch(49.2% 0.185 342.3);
Tailwind
colors: {
  custom: {
    50: '#c16ca3',
    500: '#a1227d',
    950: '#000000',
  },
}
SCSS
$custom: #a1227d;
$custom-light: #c16ca3;
$custom-dark: #000000;
JSON
{
  "hex": "#a1227d",
  "rgb": {
    "r": 161,
    "g": 34,
    "b": 125
  },
  "hsl": {
    "h": 317.008,
    "s": 65.128,
    "l": 38.235
  },
  "oklch": {
    "l": 0.49188,
    "c": 0.18505,
    "h": 342.3
  },
  "luminance": 0.10202
}

Semantic roles & 50–950 ramp

primary
#A1227D
secondary
#5DC279
accent
#E86F40
background
#FCF6FA
surface
#F8ECF3
border
#D1C7CD
text
#13080F
muted
#827A7F

Preview Lab

Preview with #A1227D

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

Preview Lab → · Contrast checker → · Palette generator →

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