#801A6E#801A6E

#801A6E is a dark, vivid pink. Relative luminance 0.065; OKLCH L 42.3% C 0.163 H 336.5°. Best body text is #FFFFFF at 9.17:1 contrast (WCAG AA passes).

Color values

HEX#801A6E
RGBrgb(128, 26, 110)
HSLhsl(311, 66%, 30%)
HSVhsv(311, 80%, 50%)
CMYKcmyk(0%, 79.7%, 14.1%, 49.8%)
CIE-LABlab(30.53, 50.86, -23.88)
CIE-LCHlch(30.53, 56.19, 334.85°)
OKLaboklab(42.28% 0.1496 -0.0651)
OKLCHoklch(42.28% 0.163 336.5)
XYZxyz(12.0862, 6.4549, 15.3582)
Luminance0.0645 (WCAG relative)
Temperatureneutral
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#801A6E #1A802C
analogous
#5F1A80 #801A6E #801A3B
triadic
#801A6E #6E801A #1A6E80
tetradic
#801A6E #805F1A #1A802C #1A3B80
square
#801A6E #805F1A #1A802C #1A3B80
split-complementary
#801A6E #3B801A #1A805F
monochromatic
#1A0517 #4D1042 #801A6E #B3249A #D83DBC

Accessibility & contrast

On white

9.17
#801A6E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.29
#801A6E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #801A6E
9.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##801A6E#FFFFFF#000000##FFFFFF
##801A6E1.009.172.299.17
#FFFFFF9.171.0021.001.00
#0000002.2921.001.0021.00
##FFFFFF9.171.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1C3E70
Deuteranopia (green-blind)
#414D6C
Tritanopia (blue-blind)
#872243
Achromatopsia (no color)
#484848

Design tokens & code

CSS
--color: #801a6e;
/* rgb */ color: rgb(128, 26, 110);
/* oklch */ color: oklch(42.3% 0.163 336.5);
Tailwind
colors: {
  custom: {
    50: '#a86398',
    500: '#801a6e',
    950: '#000000',
  },
}
SCSS
$custom: #801a6e;
$custom-light: #a86398;
$custom-dark: #000000;
JSON
{
  "hex": "#801a6e",
  "rgb": {
    "r": 128,
    "g": 26,
    "b": 110
  },
  "hsl": {
    "h": 310.588,
    "s": 66.234,
    "l": 30.196
  },
  "oklch": {
    "l": 0.42282,
    "c": 0.16316,
    "h": 336.5
  },
  "luminance": 0.06454
}

Semantic roles & 50–950 ramp

primary
#801A6E
secondary
#42B456
accent
#E95D3F
background
#FAF6F9
surface
#F4EBF2
border
#CEC6CC
text
#10060D
muted
#7F7A7E

Preview Lab

Preview with #801A6E

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

Preview Lab → · Contrast checker → · Palette generator →

#801A6E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva