#9D3DAB#9D3DAB

#9D3DAB is a mid, vivid purple. Relative luminance 0.134; OKLCH L 53.6% C 0.185 H 322.4°. Best body text is #FFFFFF at 5.69:1 contrast (WCAG AA passes).

Color values

HEX#9D3DAB
RGBrgb(157, 61, 171)
HSLhsl(292, 47%, 45%)
HSVhsv(292, 64%, 67%)
CMYKcmyk(8.2%, 64.3%, 0%, 32.9%)
CIE-LABlab(43.43, 55.07, -40.67)
CIE-LCHlch(43.43, 68.46, 323.56°)
OKLaboklab(53.6% 0.1469 -0.1132)
OKLCHoklch(53.6% 0.185 322.4)
XYZxyz(22.9233, 13.4471, 39.9083)
Luminance0.1345 (WCAG relative)
Temperatureneutral
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9D3DAB #4BAB3D
analogous
#663DAB #9D3DAB #AB3D82
triadic
#9D3DAB #AB9D3D #3DAB9D
tetradic
#9D3DAB #AB663D #4BAB3D #3D82AB
square
#9D3DAB #AB663D #4BAB3D #3D82AB
split-complementary
#9D3DAB #82AB3D #3DAB66
monochromatic
#4A1D51 #742D7E #9D3DAB #B95FC6 #CD8CD6

Accessibility & contrast

On white

5.69
#9D3DAB on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.69
#9D3DAB on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #9D3DAB
5.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9D3DAB#FFFFFF#000000##FFFFFF
##9D3DAB1.005.693.695.69
#FFFFFF5.691.0021.001.00
#0000003.6921.001.0021.00
##FFFFFF5.691.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2360AE
Deuteranopia (green-blind)
#4B6AA8
Tritanopia (blue-blind)
#9F4E6F
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #9d3dab;
/* rgb */ color: rgb(157, 61, 171);
/* oklch */ color: oklch(53.6% 0.185 322.4);
Tailwind
colors: {
  custom: {
    50: '#bd79c4',
    500: '#9d3dab',
    950: '#000000',
  },
}
SCSS
$custom: #9d3dab;
$custom-light: #bd79c4;
$custom-dark: #000000;
JSON
{
  "hex": "#9d3dab",
  "rgb": {
    "r": 157,
    "g": 61,
    "b": 171
  },
  "hsl": {
    "h": 292.364,
    "s": 47.414,
    "l": 45.49
  },
  "oklch": {
    "l": 0.53598,
    "c": 0.18545,
    "h": 322.4
  },
  "luminance": 0.13446
}

Semantic roles & 50–950 ramp

primary
#9D3DAB
secondary
#8BC183
accent
#D75162
background
#FCF7FC
surface
#F8EEF8
border
#D1C9D1
text
#120A13
muted
#817C82

Preview Lab

Preview with #9D3DAB

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

Preview Lab → · Contrast checker → · Palette generator →

#9D3DAB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva