#AB6ADD#AB6ADD

#AB6ADD is a light, vivid violet. Relative luminance 0.242; OKLCH L 64.3% C 0.175 H 308.3°. Best body text is #000000 at 5.84:1 contrast (WCAG AA passes).

Color values

HEX#AB6ADD
RGBrgb(171, 106, 221)
HSLhsl(274, 63%, 64%)
HSVhsv(274, 52%, 87%)
CMYKcmyk(22.6%, 52%, 0%, 13.3%)
CIE-LABlab(56.27, 46.84, -49.00)
CIE-LCHlch(56.27, 67.79, 313.71°)
OKLaboklab(64.26% 0.1087 -0.1374)
OKLCHoklch(64.26% 0.175 308.3)
XYZxyz(34.9972, 24.1869, 71.2175)
Luminance0.2419 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AB6ADD #9CDD6A
analogous
#726ADD #AB6ADD #DD6AD6
triadic
#AB6ADD #DDAB6A #6ADDAB
tetradic
#AB6ADD #DD726A #9CDD6A #6AD6DD
square
#AB6ADD #DD726A #9CDD6A #6AD6DD
split-complementary
#AB6ADD #D6DD6A #6ADD72
monochromatic
#6F26A7 #8F38D2 #AB6ADD #C79CE8 #E3CEF4

Accessibility & contrast

On white

3.60
#AB6ADD on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.84
#AB6ADD on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AB6ADD
5.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AB6ADD#FFFFFF#000000##000000
##AB6ADD1.003.605.845.84
#FFFFFF3.601.0021.0021.00
#0000005.8421.001.001.00
##0000005.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#4884E1
Deuteranopia (green-blind)
#5D88DA
Tritanopia (blue-blind)
#A47E9A
Achromatopsia (no color)
#878787

Design tokens & code

CSS
--color: #ab6add;
/* rgb */ color: rgb(171, 106, 221);
/* oklch */ color: oklch(64.3% 0.175 308.3);
Tailwind
colors: {
  custom: {
    50: '#c797e8',
    500: '#ab6add',
    950: '#000000',
  },
}
SCSS
$custom: #ab6add;
$custom-light: #c797e8;
$custom-dark: #000000;
JSON
{
  "hex": "#ab6add",
  "rgb": {
    "r": 171,
    "g": 106,
    "b": 221
  },
  "hsl": {
    "h": 273.913,
    "s": 62.842,
    "l": 64.118
  },
  "oklch": {
    "l": 0.64263,
    "c": 0.17516,
    "h": 308.3
  },
  "luminance": 0.24186
}

Semantic roles & 50–950 ramp

primary
#AB6ADD
secondary
#CFE5BD
accent
#CB1B67
background
#FCF9FE
surface
#F8F2FD
border
#D1CCD5
text
#130E16
muted
#827E84

Preview Lab

Preview with #AB6ADD

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

Preview Lab → · Contrast checker → · Palette generator →

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