Purple#800080

#800080 is a dark, vivid purple. Relative luminance 0.061; OKLCH L 42.1% C 0.193 H 328.4°. Best body text is #FFFFFF at 9.42:1 contrast (WCAG AA passes).

Purple — editorial page

Color values

HEX#800080
RGBrgb(128, 0, 128)
HSLhsl(300, 100%, 25%)
HSVhsv(300, 100%, 50%)
CMYKcmyk(0%, 100%, 0%, 49.8%)
CIE-LABlab(29.78, 58.93, -36.49)
CIE-LCHlch(29.78, 69.31, 328.23°)
OKLaboklab(42.09% 0.1647 -0.1015)
OKLCHoklch(42.09% 0.193 328.4)
XYZxyz(12.7982, 6.1487, 20.9307)
Luminance0.0615 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#800080 #008000
analogous
#400080 #800080 #800040
triadic
#800080 #808000 #008080
tetradic
#800080 #804000 #008000 #004080
square
#800080 #804000 #008000 #004080
split-complementary
#800080 #408000 #008040
monochromatic
#1F001F #430043 #800080 #BD00BD #FA00FA

Accessibility & contrast

On white

9.42
#800080 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.23
#800080 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #800080
9.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##800080#FFFFFF#000000##FFFFFF
##8000801.009.422.239.42
#FFFFFF9.421.0021.001.00
#0000002.2321.001.0021.00
##FFFFFF9.421.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003D83
Deuteranopia (green-blind)
#304B7D
Tritanopia (blue-blind)
#842149
Achromatopsia (no color)
#464646

Related colors

#730873
#660D65
#591058
#4D114C
#411140
#351134
#291028
#1E0D1D
#130712
#000000
#8E2C8C
#9C4699
#A95EA5
#B675B2
#C38BBF
#CFA2CB
#DCB9D8
#E8D0E5
#F3E7F2
#FFFFFF
#7B157A
#762074
#70286E
#6B2F69

Palettes with this color

Design tokens & code

CSS
--color: #800080;
/* rgb */ color: rgb(128, 0, 128);
/* oklch */ color: oklch(42.1% 0.193 328.4);
Tailwind
colors: {
  custom: {
    50: '#a95ea5',
    500: '#800080',
    950: '#000000',
  },
}
SCSS
$custom: #800080;
$custom-light: #a95ea5;
$custom-dark: #000000;
JSON
{
  "hex": "#800080",
  "rgb": {
    "r": 128,
    "g": 0,
    "b": 128
  },
  "hsl": {
    "h": 300,
    "s": 100,
    "l": 25.098
  },
  "oklch": {
    "l": 0.42091,
    "c": 0.19345,
    "h": 328.4
  },
  "luminance": 0.06148
}

Semantic roles & 50–950 ramp

primary
#800080
secondary
#21BB21
accent
#FF2929
background
#FAF6FA
surface
#F4EBF4
border
#CEC6CE
text
#10050F
muted
#7F7A7F

Preview Lab

Preview with #800080

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

Preview Lab → · Contrast checker → · Palette generator →

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