#851DAD#851DAD

#851DAD is a mid, highly saturated purple. Relative luminance 0.089; OKLCH L 47.4% C 0.213 H 313.8°. Best body text is #FFFFFF at 7.56:1 contrast (WCAG AA passes).

Color values

HEX#851DAD
RGBrgb(133, 29, 173)
HSLhsl(283, 71%, 40%)
HSVhsv(283, 83%, 68%)
CMYKcmyk(23.1%, 83.2%, 0%, 32.2%)
CIE-LABlab(35.76, 62.18, -54.37)
CIE-LCHlch(35.76, 82.60, 318.83°)
OKLaboklab(47.44% 0.1476 -0.1539)
OKLCHoklch(47.44% 0.213 313.8)
XYZxyz(17.6537, 8.8830, 40.3117)
Luminance0.0888 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#851DAD #45AD1D
analogous
#3D1DAD #851DAD #AD1D8D
triadic
#851DAD #AD851D #1DAD85
tetradic
#851DAD #AD3D1D #45AD1D #1D8DAD
square
#851DAD #AD3D1D #45AD1D #1D8DAD
split-complementary
#851DAD #8DAD1D #1DAD3D
monochromatic
#340B44 #5D1479 #851DAD #AB2CDC #C060E4

Accessibility & contrast

On white

7.56
#851DAD on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.78
#851DAD on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #851DAD
7.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##851DAD#FFFFFF#000000##FFFFFF
##851DAD1.007.562.787.56
#FFFFFF7.561.0021.001.00
#0000002.7821.001.0021.00
##FFFFFF7.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004FB1
Deuteranopia (green-blind)
#0556AA
Tritanopia (blue-blind)
#814267
Achromatopsia (no color)
#545454

Design tokens & code

CSS
--color: #851dad;
/* rgb */ color: rgb(133, 29, 173);
/* oklch */ color: oklch(47.4% 0.213 313.8);
Tailwind
colors: {
  custom: {
    50: '#ad68c6',
    500: '#851dad',
    950: '#000000',
  },
}
SCSS
$custom: #851dad;
$custom-light: #ad68c6;
$custom-dark: #000000;
JSON
{
  "hex": "#851dad",
  "rgb": {
    "r": 133,
    "g": 29,
    "b": 173
  },
  "hsl": {
    "h": 283.333,
    "s": 71.287,
    "l": 39.608
  },
  "oklch": {
    "l": 0.47442,
    "c": 0.2132,
    "h": 313.8
  },
  "luminance": 0.08882
}

Semantic roles & 50–950 ramp

primary
#851DAD
secondary
#7BC95D
accent
#EE3A6C
background
#FBF6FC
surface
#F6EBF8
border
#D0C6D1
text
#110713
muted
#807A82

Preview Lab

Preview with #851DAD

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

Preview Lab → · Contrast checker → · Palette generator →

#851DAD Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva