#A361ED#A361ED

#A361ED is a light, highly saturated violet. Relative luminance 0.225; OKLCH L 63.1% C 0.205 H 302.7°. Best body text is #000000 at 5.49:1 contrast (WCAG AA passes).

Color values

HEX#A361ED
RGBrgb(163, 97, 237)
HSLhsl(268, 80%, 65%)
HSVhsv(268, 59%, 93%)
CMYKcmyk(31.2%, 59.1%, 0%, 7.1%)
CIE-LABlab(54.50, 53.34, -60.86)
CIE-LCHlch(54.50, 80.92, 311.23°)
OKLaboklab(63.06% 0.1105 -0.1723)
OKLCHoklch(63.06% 0.205 302.7)
XYZxyz(34.6615, 22.4503, 82.6116)
Luminance0.2245 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A361ED #ABED61
analogous
#6165ED #A361ED #E961ED
triadic
#A361ED #EDA361 #61EDA3
tetradic
#A361ED #ED6165 #ABED61 #61EDE9
square
#A361ED #ED6165 #ABED61 #61EDE9
split-complementary
#A361ED #EDE961 #65ED61
monochromatic
#6516BE #832AE7 #A361ED #C398F3 #E3CFFA

Accessibility & contrast

On white

3.83
#A361ED on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.49
#A361ED on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #A361ED
5.49:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A361ED#FFFFFF#000000##000000
##A361ED1.003.835.495.49
#FFFFFF3.831.0021.0021.00
#0000005.4921.001.001.00
##0000005.4921.001.001.00

Color blindness preview

Protanopia (red-blind)
#1681F1
Deuteranopia (green-blind)
#3B82EA
Tritanopia (blue-blind)
#957E9E
Achromatopsia (no color)
#828282

Design tokens & code

CSS
--color: #a361ed;
/* rgb */ color: rgb(163, 97, 237);
/* oklch */ color: oklch(63.1% 0.205 302.7);
Tailwind
colors: {
  custom: {
    50: '#c291f4',
    500: '#a361ed',
    950: '#000000',
  },
}
SCSS
$custom: #a361ed;
$custom-light: #c291f4;
$custom-dark: #000000;
JSON
{
  "hex": "#a361ed",
  "rgb": {
    "r": 163,
    "g": 97,
    "b": 237
  },
  "hsl": {
    "h": 268.286,
    "s": 79.545,
    "l": 65.49
  },
  "oklch": {
    "l": 0.63056,
    "c": 0.20467,
    "h": 302.7
  },
  "luminance": 0.2245
}

Semantic roles & 50–950 ramp

primary
#A361ED
secondary
#D6ECBD
accent
#DC0A79
background
#FCF9FF
surface
#F8F1FE
border
#D1CBD6
text
#130D17
muted
#827E85

Preview Lab

Preview with #A361ED

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

Preview Lab → · Contrast checker → · Palette generator →

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