#AB4FE6#AB4FE6

#AB4FE6 is a mid, highly saturated violet. Relative luminance 0.200; OKLCH L 61.2% C 0.224 H 309.3°. Best body text is #000000 at 4.99:1 contrast (WCAG AA passes).

Color values

HEX#AB4FE6
RGBrgb(171, 79, 230)
HSLhsl(277, 75%, 61%)
HSVhsv(277, 66%, 90%)
CMYKcmyk(25.7%, 65.7%, 0%, 9.8%)
CIE-LABlab(51.80, 62.26, -61.23)
CIE-LCHlch(51.80, 87.33, 315.48°)
OKLaboklab(61.17% 0.1415 -0.1731)
OKLCHoklch(61.17% 0.224 309.3)
XYZxyz(33.8707, 19.9637, 76.9167)
Luminance0.1996 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AB4FE6 #8AE64F
analogous
#5F4FE6 #AB4FE6 #E64FD6
triadic
#AB4FE6 #E6AB4F #4FE6AB
tetradic
#AB4FE6 #E65F4F #8AE64F #4FD6E6
square
#AB4FE6 #E65F4F #8AE64F #4FD6E6
split-complementary
#AB4FE6 #D6E64F #4FE65F
monochromatic
#6D17A3 #901FD9 #AB4FE6 #C585EE #DEBAF5

Accessibility & contrast

On white

4.21
#AB4FE6 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.99
#AB4FE6 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AB4FE6
4.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AB4FE6#FFFFFF#000000##000000
##AB4FE61.004.214.994.99
#FFFFFF4.211.0021.0021.00
#0000004.9921.001.001.00
##0000004.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#0078EB
Deuteranopia (green-blind)
#367DE3
Tritanopia (blue-blind)
#A36F94
Achromatopsia (no color)
#7B7B7B

Design tokens & code

CSS
--color: #ab4fe6;
/* rgb */ color: rgb(171, 79, 230);
/* oklch */ color: oklch(61.2% 0.224 309.3);
Tailwind
colors: {
  custom: {
    50: '#c886ef',
    500: '#ab4fe6',
    950: '#000000',
  },
}
SCSS
$custom: #ab4fe6;
$custom-light: #c886ef;
$custom-dark: #000000;
JSON
{
  "hex": "#ab4fe6",
  "rgb": {
    "r": 171,
    "g": 79,
    "b": 230
  },
  "hsl": {
    "h": 276.556,
    "s": 75.124,
    "l": 60.588
  },
  "oklch": {
    "l": 0.61166,
    "c": 0.22358,
    "h": 309.3
  },
  "luminance": 0.19963
}

Semantic roles & 50–950 ramp

primary
#AB4FE6
secondary
#C2E5AC
accent
#D70E5D
background
#FCF8FE
surface
#F9F0FD
border
#D2CBD5
text
#140C16
muted
#827D84

Preview Lab

Preview with #AB4FE6

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

Preview Lab → · Contrast checker → · Palette generator →

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