#A644E0#A644E0

#A644E0 is a mid, highly saturated violet. Relative luminance 0.176; OKLCH L 58.9% C 0.230 H 309.9°. Best body text is #FFFFFF at 4.64:1 contrast (WCAG AA passes).

Color values

HEX#A644E0
RGBrgb(166, 68, 224)
HSLhsl(278, 72%, 57%)
HSVhsv(278, 70%, 88%)
CMYKcmyk(25.9%, 69.6%, 0%, 12.2%)
CIE-LABlab(49.04, 64.75, -62.32)
CIE-LCHlch(49.04, 89.87, 316.09°)
OKLaboklab(58.93% 0.1473 -0.1764)
OKLCHoklch(58.93% 0.23 309.9)
XYZxyz(31.2449, 17.6237, 72.2623)
Luminance0.1762 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A644E0 #7EE044
analogous
#5844E0 #A644E0 #E044CC
triadic
#A644E0 #E0A644 #44E0A6
tetradic
#A644E0 #E05844 #7EE044 #44CCE0
square
#A644E0 #E05844 #7EE044 #44CCE0
split-complementary
#A644E0 #CCE044 #44E058
monochromatic
#641891 #8921C6 #A644E0 #BF78E9 #D8ADF1

Accessibility & contrast

On white

4.64
#A644E0 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.52
#A644E0 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #A644E0
4.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A644E0#FFFFFF#000000##FFFFFF
##A644E01.004.644.524.64
#FFFFFF4.641.0021.001.00
#0000004.5221.001.0021.00
##FFFFFF4.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0070E5
Deuteranopia (green-blind)
#2776DD
Tritanopia (blue-blind)
#9E668D
Achromatopsia (no color)
#747474

Design tokens & code

CSS
--color: #a644e0;
/* rgb */ color: rgb(166, 68, 224);
/* oklch */ color: oklch(58.9% 0.230 309.9);
Tailwind
colors: {
  custom: {
    50: '#c580eb',
    500: '#a644e0',
    950: '#000000',
  },
}
SCSS
$custom: #a644e0;
$custom-light: #c580eb;
$custom-dark: #000000;
JSON
{
  "hex": "#a644e0",
  "rgb": {
    "r": 166,
    "g": 68,
    "b": 224
  },
  "hsl": {
    "h": 277.692,
    "s": 71.56,
    "l": 57.255
  },
  "oklch": {
    "l": 0.58929,
    "c": 0.22981,
    "h": 309.9
  },
  "luminance": 0.17623
}

Semantic roles & 50–950 ramp

primary
#A644E0
secondary
#B8E0A0
accent
#EE3A7D
background
#FCF8FE
surface
#F9EFFD
border
#D2CAD5
text
#130B16
muted
#827C84

Preview Lab

Preview with #A644E0

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

Preview Lab → · Contrast checker → · Palette generator →

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