#A345E9#A345E9

#A345E9 is a mid, highly saturated violet. Relative luminance 0.179; OKLCH L 59.3% C 0.237 H 306.7°. Best body text is #000000 at 4.59:1 contrast (WCAG AA passes).

Color values

HEX#A345E9
RGBrgb(163, 69, 233)
HSLhsl(274, 79%, 59%)
HSVhsv(274, 70%, 91%)
CMYKcmyk(30%, 70.4%, 0%, 8.6%)
CIE-LABlab(49.41, 65.68, -66.83)
CIE-LCHlch(49.41, 93.71, 314.50°)
OKLaboklab(59.3% 0.1412 -0.1897)
OKLCHoklch(59.3% 0.237 306.7)
XYZxyz(31.9372, 17.9263, 78.8526)
Luminance0.1793 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#A345E9 #8BE945
analogous
#5145E9 #A345E9 #E945DD
triadic
#A345E9 #E9A345 #45E9A3
tetradic
#A345E9 #E95145 #8BE945 #45DDE9
square
#A345E9 #E95145 #8BE945 #45DDE9
split-complementary
#A345E9 #DDE945 #45E951
monochromatic
#6413A1 #8619D7 #A345E9 #BE7CEF #D9B2F6

Accessibility & contrast

On white

4.58
#A345E9 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.59
#A345E9 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #A345E9
4.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##A345E9#FFFFFF#000000##000000
##A345E91.004.584.594.59
#FFFFFF4.581.0021.0021.00
#0000004.5921.001.001.00
##0000004.5921.001.001.00

Color blindness preview

Protanopia (red-blind)
#0072EE
Deuteranopia (green-blind)
#0076E6
Tritanopia (blue-blind)
#976B93
Achromatopsia (no color)
#757575

Design tokens & code

CSS
--color: #a345e9;
/* rgb */ color: rgb(163, 69, 233);
/* oklch */ color: oklch(59.3% 0.237 306.7);
Tailwind
colors: {
  custom: {
    50: '#c480f1',
    500: '#a345e9',
    950: '#000000',
  },
}
SCSS
$custom: #a345e9;
$custom-light: #c480f1;
$custom-dark: #000000;
JSON
{
  "hex": "#a345e9",
  "rgb": {
    "r": 163,
    "g": 69,
    "b": 233
  },
  "hsl": {
    "h": 274.39,
    "s": 78.846,
    "l": 59.216
  },
  "oklch": {
    "l": 0.59303,
    "c": 0.23653,
    "h": 306.7
  },
  "luminance": 0.17926
}

Semantic roles & 50–950 ramp

primary
#A345E9
secondary
#C0E5A5
accent
#F53286
background
#FCF8FE
surface
#F8EFFD
border
#D1CAD5
text
#130B17
muted
#827C85

Preview Lab

Preview with #A345E9

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

Preview Lab → · Contrast checker → · Palette generator →

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