#7E21AB#7E21AB

#7E21AB is a mid, highly saturated purple. Relative luminance 0.085; OKLCH L 46.6% C 0.206 H 311.3°. Best body text is #FFFFFF at 7.80:1 contrast (WCAG AA passes).

Color values

HEX#7E21AB
RGBrgb(126, 33, 171)
HSLhsl(280, 68%, 40%)
HSVhsv(280, 81%, 67%)
CMYKcmyk(26.3%, 80.7%, 0%, 32.9%)
CIE-LABlab(34.93, 59.38, -54.57)
CIE-LCHlch(34.93, 80.64, 317.42°)
OKLaboklab(46.6% 0.1359 -0.1547)
OKLCHoklch(46.6% 0.206 311.3)
XYZxyz(16.4973, 8.4640, 39.2849)
Luminance0.0846 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7E21AB #4EAB21
analogous
#3921AB #7E21AB #AB2193
triadic
#7E21AB #AB7E21 #21AB7E
tetradic
#7E21AB #AB3921 #4EAB21 #2193AB
square
#7E21AB #AB3921 #4EAB21 #2193AB
split-complementary
#7E21AB #93AB21 #21AB39
monochromatic
#320D44 #581778 #7E21AB #A132D7 #B965E1

Accessibility & contrast

On white

7.80
#7E21AB on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.69
#7E21AB on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7E21AB
7.80:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7E21AB#FFFFFF#000000##FFFFFF
##7E21AB1.007.802.697.80
#FFFFFF7.801.0021.001.00
#0000002.6921.001.0021.00
##FFFFFF7.801.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004EAF
Deuteranopia (green-blind)
#0054A8
Tritanopia (blue-blind)
#784467
Achromatopsia (no color)
#525252

Design tokens & code

CSS
--color: #7e21ab;
/* rgb */ color: rgb(126, 33, 171);
/* oklch */ color: oklch(46.6% 0.206 311.3);
Tailwind
colors: {
  custom: {
    50: '#a869c5',
    500: '#7e21ab',
    950: '#000000',
  },
}
SCSS
$custom: #7e21ab;
$custom-light: #a869c5;
$custom-dark: #000000;
JSON
{
  "hex": "#7e21ab",
  "rgb": {
    "r": 126,
    "g": 33,
    "b": 171
  },
  "hsl": {
    "h": 280.435,
    "s": 67.647,
    "l": 40
  },
  "oklch": {
    "l": 0.46598,
    "c": 0.20593,
    "h": 311.3
  },
  "luminance": 0.08464
}

Semantic roles & 50–950 ramp

primary
#7E21AB
secondary
#82C761
accent
#EB3D76
background
#FAF6FC
surface
#F4EBF8
border
#CEC6D1
text
#100713
muted
#7F7A82

Preview Lab

Preview with #7E21AB

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

Preview Lab → · Contrast checker → · Palette generator →

#7E21AB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva