#962FBE#962FBE

#962FBE is a mid, highly saturated purple. Relative luminance 0.122; OKLCH L 52.4% C 0.217 H 314.4°. Best body text is #FFFFFF at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#962FBE
RGBrgb(150, 47, 190)
HSLhsl(283, 60%, 46%)
HSVhsv(283, 75%, 75%)
CMYKcmyk(21.1%, 75.3%, 0%, 25.5%)
CIE-LABlab(41.59, 62.84, -54.87)
CIE-LCHlch(41.59, 83.42, 318.88°)
OKLaboklab(52.45% 0.1517 -0.1549)
OKLCHoklch(52.45% 0.217 314.4)
XYZxyz(22.8869, 12.2356, 49.8613)
Luminance0.1224 (WCAG relative)
Temperaturecool
Familypurple

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#962FBE #57BE2F
analogous
#4F2FBE #962FBE #BE2F9F
triadic
#962FBE #BE962F #2FBE96
tetradic
#962FBE #BE4F2F #57BE2F #2F9FBE
square
#962FBE #BE4F2F #57BE2F #2F9FBE
split-complementary
#962FBE #9FBE2F #2FBE4F
monochromatic
#49175C #6F238D #962FBE #B155D5 #C886E1

Accessibility & contrast

On white

6.09
#962FBE on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#962FBE on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #962FBE
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##962FBE#FFFFFF#000000##FFFFFF
##962FBE1.006.093.456.09
#FFFFFF6.091.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#005DC2
Deuteranopia (green-blind)
#2665BB
Tritanopia (blue-blind)
#924F75
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #962fbe;
/* rgb */ color: rgb(150, 47, 190);
/* oklch */ color: oklch(52.4% 0.217 314.4);
Tailwind
colors: {
  custom: {
    50: '#b972d2',
    500: '#962fbe',
    950: '#000000',
  },
}
SCSS
$custom: #962fbe;
$custom-light: #b972d2;
$custom-dark: #000000;
JSON
{
  "hex": "#962fbe",
  "rgb": {
    "r": 150,
    "g": 47,
    "b": 190
  },
  "hsl": {
    "h": 283.217,
    "s": 60.338,
    "l": 46.471
  },
  "oklch": {
    "l": 0.52448,
    "c": 0.21681,
    "h": 314.4
  },
  "luminance": 0.12235
}

Semantic roles & 50–950 ramp

primary
#962FBE
secondary
#94CB7E
accent
#E34471
background
#FBF7FD
surface
#F7EDFA
border
#D0C8D3
text
#120914
muted
#817B83

Preview Lab

Preview with #962FBE

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

Preview Lab → · Contrast checker → · Palette generator →

#962FBE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva