#A13786#A13786

#A13786 is a mid, vivid pink. Relative luminance 0.120; OKLCH L 51.5% C 0.166 H 339.3°. Best body text is #FFFFFF at 6.17:1 contrast (WCAG AA passes).

Color values

HEX#A13786
RGBrgb(161, 55, 134)
HSLhsl(315, 49%, 42%)
HSVhsv(315, 66%, 63%)
CMYKcmyk(0%, 65.8%, 16.8%, 36.9%)
CIE-LABlab(41.27, 52.36, -21.74)
CIE-LCHlch(41.27, 56.70, 337.45°)
OKLaboklab(51.55% 0.1551 -0.0586)
OKLCHoklch(51.55% 0.166 339.3)
XYZxyz(20.3676, 12.0325, 23.7994)
Luminance0.1203 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A13786 #37A152
analogous
#8737A1 #A13786 #A13751
triadic
#A13786 #86A137 #3786A1
tetradic
#A13786 #A18737 #37A152 #3751A1
square
#A13786 #A18737 #37A152 #3751A1
split-complementary
#A13786 #51A137 #37A187
monochromatic
#46183A #732760 #A13786 #C451A7 #D37FBE

Accessibility & contrast

On white

6.17
#A13786 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.41
#A13786 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #A13786
6.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A13786#FFFFFF#000000##FFFFFF
##A137861.006.173.416.17
#FFFFFF6.171.0021.001.00
#0000003.4121.001.0021.00
##FFFFFF6.171.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3C5788
Deuteranopia (green-blind)
#5D6783
Tritanopia (blue-blind)
#AA3A59
Achromatopsia (no color)
#616161

Design tokens & code

CSS
--color: #a13786;
/* rgb */ color: rgb(161, 55, 134);
/* oklch */ color: oklch(51.5% 0.166 339.3);
Tailwind
colors: {
  custom: {
    50: '#c075a9',
    500: '#a13786',
    950: '#000000',
  },
}
SCSS
$custom: #a13786;
$custom-light: #c075a9;
$custom-dark: #000000;
JSON
{
  "hex": "#a13786",
  "rgb": {
    "r": 161,
    "g": 55,
    "b": 134
  },
  "hsl": {
    "h": 315.283,
    "s": 49.074,
    "l": 42.353
  },
  "oklch": {
    "l": 0.51546,
    "c": 0.16584,
    "h": 339.3
  },
  "luminance": 0.12031
}

Semantic roles & 50–950 ramp

primary
#A13786
secondary
#77BD89
accent
#D9724F
background
#FCF7FA
surface
#F8EDF4
border
#D1C8CE
text
#130910
muted
#827B7F

Preview Lab

Preview with #A13786

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

Preview Lab → · Contrast checker → · Palette generator →

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