#973AD9#973AD9

#973AD9 is a mid, highly saturated violet. Relative luminance 0.146; OKLCH L 55.6% C 0.230 H 307.0°. Best body text is #FFFFFF at 5.35:1 contrast (WCAG AA passes).

Color values

HEX#973AD9
RGBrgb(151, 58, 217)
HSLhsl(275, 68%, 54%)
HSVhsv(275, 73%, 85%)
CMYKcmyk(30.4%, 73.3%, 0%, 14.9%)
CIE-LABlab(45.10, 64.48, -64.80)
CIE-LCHlch(45.10, 91.42, 314.86°)
OKLaboklab(55.56% 0.1385 -0.1841)
OKLCHoklch(55.56% 0.23 307)
XYZxyz(26.7972, 14.6155, 67.0416)
Luminance0.1462 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#973AD9 #7CD93A
analogous
#483AD9 #973AD9 #D93ACC
triadic
#973AD9 #D9973A #3AD997
tetradic
#973AD9 #D9483A #7CD93A #3ACCD9
square
#973AD9 #D9483A #7CD93A #3ACCD9
split-complementary
#973AD9 #CCD93A #3AD948
monochromatic
#551980 #7723B3 #973AD9 #B26DE3 #CDA1ED

Accessibility & contrast

On white

5.35
#973AD9 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.92
#973AD9 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #973AD9
5.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##973AD9#FFFFFF#000000##FFFFFF
##973AD91.005.353.925.35
#FFFFFF5.351.0021.001.00
#0000003.9221.001.0021.00
##FFFFFF5.351.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0068DD
Deuteranopia (green-blind)
#006BD6
Tritanopia (blue-blind)
#8C6087
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #973ad9;
/* rgb */ color: rgb(151, 58, 217);
/* oklch */ color: oklch(55.6% 0.230 307.0);
Tailwind
colors: {
  custom: {
    50: '#bb79e6',
    500: '#973ad9',
    950: '#000000',
  },
}
SCSS
$custom: #973ad9;
$custom-light: #bb79e6;
$custom-dark: #000000;
JSON
{
  "hex": "#973ad9",
  "rgb": {
    "r": 151,
    "g": 58,
    "b": 217
  },
  "hsl": {
    "h": 275.094,
    "s": 67.66,
    "l": 53.922
  },
  "oklch": {
    "l": 0.55563,
    "c": 0.23037,
    "h": 307
  },
  "luminance": 0.14615
}

Semantic roles & 50–950 ramp

primary
#973AD9
secondary
#B2D995
accent
#EB3D85
background
#FCF7FE
surface
#F8EEFC
border
#D1C9D5
text
#120A16
muted
#817C84

Preview Lab

Preview with #973AD9

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

Preview Lab → · Contrast checker → · Palette generator →

#973AD9 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva