#862360#862360

#862360 is a dark, vivid pink. Relative luminance 0.071; OKLCH L 43.4% C 0.148 H 347.2°. Best body text is #FFFFFF at 8.67:1 contrast (WCAG AA passes).

Color values

HEX#862360
RGBrgb(134, 35, 96)
HSLhsl(323, 59%, 33%)
HSVhsv(323, 74%, 53%)
CMYKcmyk(0%, 73.9%, 28.4%, 47.5%)
CIE-LABlab(32.07, 47.37, -12.41)
CIE-LCHlch(32.07, 48.97, 345.32°)
OKLaboklab(43.39% 0.1439 -0.0328)
OKLCHoklch(43.39% 0.148 347.2)
XYZxyz(12.5444, 7.1163, 11.7770)
Luminance0.0712 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#862360 #238649
analogous
#7A2386 #862360 #86232F
triadic
#862360 #608623 #236086
tetradic
#862360 #867A23 #238649 #232F86
square
#862360 #867A23 #238649 #232F86
split-complementary
#862360 #2F8623 #23867A
monochromatic
#250A1A #55163D #862360 #B73083 #D252A1

Accessibility & contrast

On white

8.67
#862360 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.42
#862360 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #862360
8.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##862360#FFFFFF#000000##FFFFFF
##8623601.008.672.428.67
#FFFFFF8.671.0021.001.00
#0000002.4221.001.0021.00
##FFFFFF8.671.0021.001.00

Color blindness preview

Protanopia (red-blind)
#304162
Deuteranopia (green-blind)
#4E525E
Tritanopia (blue-blind)
#90203E
Achromatopsia (no color)
#4B4B4B

Design tokens & code

CSS
--color: #862360;
/* rgb */ color: rgb(134, 35, 96);
/* oklch */ color: oklch(43.4% 0.148 347.2);
Tailwind
colors: {
  custom: {
    50: '#ad678d',
    500: '#862360',
    950: '#000000',
  },
}
SCSS
$custom: #862360;
$custom-light: #ad678d;
$custom-dark: #000000;
JSON
{
  "hex": "#862360",
  "rgb": {
    "r": 134,
    "g": 35,
    "b": 96
  },
  "hsl": {
    "h": 323.03,
    "s": 58.58,
    "l": 33.137
  },
  "oklch": {
    "l": 0.43392,
    "c": 0.14761,
    "h": 347.2
  },
  "luminance": 0.07115
}

Semantic roles & 50–950 ramp

primary
#862360
secondary
#4FB577
accent
#E28246
background
#FBF6F8
surface
#F6EBF0
border
#D0C6CB
text
#11060C
muted
#807A7D

Preview Lab

Preview with #862360

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

Preview Lab → · Contrast checker → · Palette generator →

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