#9645B2#9645B2

#9645B2 is a mid, vivid purple. Relative luminance 0.140; OKLCH L 54.1% C 0.178 H 316.5°. Best body text is #FFFFFF at 5.54:1 contrast (WCAG AA passes).

Color values

HEX#9645B2
RGBrgb(150, 69, 178)
HSLhsl(285, 44%, 48%)
HSVhsv(285, 61%, 70%)
CMYKcmyk(15.7%, 61.2%, 0%, 30.2%)
CIE-LABlab(44.17, 51.05, -43.68)
CIE-LCHlch(44.17, 67.19, 319.45°)
OKLaboklab(54.06% 0.1287 -0.1223)
OKLCHoklch(54.06% 0.178 316.5)
XYZxyz(22.7405, 13.9555, 43.6066)
Luminance0.1396 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#9645B2 #61B245
analogous
#5F45B2 #9645B2 #B24597
triadic
#9645B2 #B29645 #45B296
tetradic
#9645B2 #B25F45 #61B245 #4597B2
square
#9645B2 #B25F45 #61B245 #4597B2
split-complementary
#9645B2 #97B245 #45B25F
monochromatic
#4C235A #713486 #9645B2 #B06EC7 #C89AD8

Accessibility & contrast

On white

5.54
#9645B2 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.79
#9645B2 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #9645B2
5.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##9645B2#FFFFFF#000000##FFFFFF
##9645B21.005.543.795.54
#FFFFFF5.541.0021.001.00
#0000003.7921.001.0021.00
##FFFFFF5.541.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2463B5
Deuteranopia (green-blind)
#466BAF
Tritanopia (blue-blind)
#955875
Achromatopsia (no color)
#686868

Design tokens & code

CSS
--color: #9645b2;
/* rgb */ color: rgb(150, 69, 178);
/* oklch */ color: oklch(54.1% 0.178 316.5);
Tailwind
colors: {
  custom: {
    50: '#b87dc9',
    500: '#9645b2',
    950: '#000000',
  },
}
SCSS
$custom: #9645b2;
$custom-light: #b87dc9;
$custom-dark: #000000;
JSON
{
  "hex": "#9645b2",
  "rgb": {
    "r": 150,
    "g": 69,
    "b": 178
  },
  "hsl": {
    "h": 284.587,
    "s": 44.13,
    "l": 48.431
  },
  "oklch": {
    "l": 0.54057,
    "c": 0.17751,
    "h": 316.5
  },
  "luminance": 0.13955
}

Semantic roles & 50–950 ramp

primary
#9645B2
secondary
#9DC48F
accent
#D45475
background
#FBF7FC
surface
#F6EEF8
border
#D0C9D1
text
#120A13
muted
#817C82

Preview Lab

Preview with #9645B2

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

Preview Lab → · Contrast checker → · Palette generator →

#9645B2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva