#AB60EE#AB60EE

#AB60EE is a light, highly saturated violet. Relative luminance 0.232; OKLCH L 63.8% C 0.209 H 305.6°. Best body text is #000000 at 5.64:1 contrast (WCAG AA passes).

Color values

HEX#AB60EE
RGBrgb(171, 96, 238)
HSLhsl(272, 81%, 65%)
HSVhsv(272, 60%, 93%)
CMYKcmyk(28.2%, 59.7%, 0%, 6.7%)
CIE-LABlab(55.27, 55.90, -60.13)
CIE-LCHlch(55.27, 82.10, 312.91°)
OKLaboklab(63.84% 0.1217 -0.1699)
OKLCHoklch(63.84% 0.209 305.6)
XYZxyz(36.4067, 23.1970, 83.4318)
Luminance0.2320 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AB60EE #A3EE60
analogous
#6460EE #AB60EE #EE60EA
triadic
#AB60EE #EEAB60 #60EEAB
tetradic
#AB60EE #EE6460 #A3EE60 #60EAEE
square
#AB60EE #EE6460 #A3EE60 #60EAEE
split-complementary
#AB60EE #EAEE60 #60EE64
monochromatic
#6F14BF #8E29E8 #AB60EE #C897F4 #E5CFFA

Accessibility & contrast

On white

3.72
#AB60EE on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.64
#AB60EE on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AB60EE
5.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AB60EE#FFFFFF#000000##000000
##AB60EE1.003.725.645.64
#FFFFFF3.721.0021.0021.00
#0000005.6421.001.001.00
##0000005.6421.001.001.00

Color blindness preview

Protanopia (red-blind)
#1982F3
Deuteranopia (green-blind)
#4385EB
Tritanopia (blue-blind)
#A07C9E
Achromatopsia (no color)
#848484

Design tokens & code

CSS
--color: #ab60ee;
/* rgb */ color: rgb(171, 96, 238);
/* oklch */ color: oklch(63.8% 0.209 305.6);
Tailwind
colors: {
  custom: {
    50: '#c891f4',
    500: '#ab60ee',
    950: '#000000',
  },
}
SCSS
$custom: #ab60ee;
$custom-light: #c891f4;
$custom-dark: #000000;
JSON
{
  "hex": "#ab60ee",
  "rgb": {
    "r": 171,
    "g": 96,
    "b": 238
  },
  "hsl": {
    "h": 271.69,
    "s": 80.682,
    "l": 65.49
  },
  "oklch": {
    "l": 0.6384,
    "c": 0.20902,
    "h": 305.6
  },
  "luminance": 0.23197
}

Semantic roles & 50–950 ramp

primary
#AB60EE
secondary
#D4EDBD
accent
#DD086D
background
#FCF9FF
surface
#F9F1FE
border
#D2CBD6
text
#140D17
muted
#827E85

Preview Lab

Preview with #AB60EE

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

Preview Lab → · Contrast checker → · Palette generator →

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