#AB51ED#AB51ED

#AB51ED is a mid, highly saturated violet. Relative luminance 0.207; OKLCH L 61.9% C 0.228 H 307.5°. Best body text is #000000 at 5.13:1 contrast (WCAG AA passes).

Color values

HEX#AB51ED
RGBrgb(171, 81, 237)
HSLhsl(275, 81%, 62%)
HSVhsv(275, 66%, 93%)
CMYKcmyk(27.8%, 65.8%, 0%, 7.1%)
CIE-LABlab(52.57, 62.88, -63.92)
CIE-LCHlch(52.57, 89.66, 314.53°)
OKLaboklab(61.87% 0.1388 -0.181)
OKLCHoklch(61.87% 0.228 307.5)
XYZxyz(35.0199, 20.6577, 82.2468)
Luminance0.2066 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AB51ED #93ED51
analogous
#5D51ED #AB51ED #ED51E1
triadic
#AB51ED #EDAB51 #51EDAB
tetradic
#AB51ED #ED5D51 #93ED51 #51E1ED
square
#AB51ED #ED5D51 #93ED51 #51E1ED
split-complementary
#AB51ED #E1ED51 #51ED5D
monochromatic
#6E12B1 #901AE7 #AB51ED #C688F3 #E1C0F8

Accessibility & contrast

On white

4.09
#AB51ED on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.13
#AB51ED on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AB51ED
5.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AB51ED#FFFFFF#000000##000000
##AB51ED1.004.095.135.13
#FFFFFF4.091.0021.0021.00
#0000005.1321.001.001.00
##0000005.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#007AF2
Deuteranopia (green-blind)
#2E7EEA
Tritanopia (blue-blind)
#A07298
Achromatopsia (no color)
#7D7D7D

Design tokens & code

CSS
--color: #ab51ed;
/* rgb */ color: rgb(171, 81, 237);
/* oklch */ color: oklch(61.9% 0.228 307.5);
Tailwind
colors: {
  custom: {
    50: '#c988f4',
    500: '#ab51ed',
    950: '#000000',
  },
}
SCSS
$custom: #ab51ed;
$custom-light: #c988f4;
$custom-dark: #000000;
JSON
{
  "hex": "#ab51ed",
  "rgb": {
    "r": 171,
    "g": 81,
    "b": 237
  },
  "hsl": {
    "h": 274.615,
    "s": 81.25,
    "l": 62.353
  },
  "oklch": {
    "l": 0.61866,
    "c": 0.22806,
    "h": 307.5
  },
  "luminance": 0.20657
}

Semantic roles & 50–950 ramp

primary
#AB51ED
secondary
#C9E9B0
accent
#DE0862
background
#FCF8FF
surface
#F9F0FE
border
#D2CBD6
text
#140C17
muted
#827D85

Preview Lab

Preview with #AB51ED

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

Preview Lab → · Contrast checker → · Palette generator →

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