#861D56#861D56

#861D56 is a dark, vivid pink. Relative luminance 0.066; OKLCH L 42.4% C 0.149 H 352.4°. Best body text is #FFFFFF at 9.04:1 contrast (WCAG AA passes).

Color values

HEX#861D56
RGBrgb(134, 29, 86)
HSLhsl(327, 64%, 32%)
HSVhsv(327, 78%, 53%)
CMYKcmyk(0%, 78.4%, 35.8%, 47.5%)
CIE-LABlab(30.93, 48.22, -7.64)
CIE-LCHlch(30.93, 48.83, 350.99°)
OKLaboklab(42.43% 0.1479 -0.0197)
OKLCHoklch(42.43% 0.149 352.4)
XYZxyz(11.9513, 6.6204, 9.4508)
Luminance0.0662 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#861D56 #1D864D
analogous
#821D86 #861D56 #861D21
triadic
#861D56 #56861D #1D5686
tetradic
#861D56 #86821D #1D864D #1D2186
square
#861D56 #86821D #1D864D #1D2186
split-complementary
#861D56 #21861D #1D8682
monochromatic
#210715 #541236 #861D56 #B82876 #D74695

Accessibility & contrast

On white

9.04
#861D56 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.32
#861D56 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #861D56
9.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##861D56#FFFFFF#000000##FFFFFF
##861D561.009.042.329.04
#FFFFFF9.041.0021.001.00
#0000002.3221.001.0021.00
##FFFFFF9.041.0021.001.00

Color blindness preview

Protanopia (red-blind)
#313D57
Deuteranopia (green-blind)
#4E5054
Tritanopia (blue-blind)
#911337
Achromatopsia (no color)
#494949

Design tokens & code

CSS
--color: #861d56;
/* rgb */ color: rgb(134, 29, 86);
/* oklch */ color: oklch(42.4% 0.149 352.4);
Tailwind
colors: {
  custom: {
    50: '#ad6485',
    500: '#861d56',
    950: '#000000',
  },
}
SCSS
$custom: #861d56;
$custom-light: #ad6485;
$custom-dark: #000000;
JSON
{
  "hex": "#861d56",
  "rgb": {
    "r": 134,
    "g": 29,
    "b": 86
  },
  "hsl": {
    "h": 327.429,
    "s": 64.417,
    "l": 31.961
  },
  "oklch": {
    "l": 0.42426,
    "c": 0.14919,
    "h": 352.4
  },
  "luminance": 0.06619
}

Semantic roles & 50–950 ramp

primary
#861D56
secondary
#46B97A
accent
#E78D40
background
#FBF6F8
surface
#F6EBEF
border
#D0C6CA
text
#11060B
muted
#807A7C

Preview Lab

Preview with #861D56

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

Preview Lab → · Contrast checker → · Palette generator →

#861D56 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva