#953FC4#953FC4

#953FC4 is a mid, highly saturated violet. Relative luminance 0.139; OKLCH L 54.4% C 0.203 H 311.1°. Best body text is #FFFFFF at 5.55:1 contrast (WCAG AA passes).

Color values

HEX#953FC4
RGBrgb(149, 63, 196)
HSLhsl(279, 53%, 51%)
HSVhsv(279, 68%, 77%)
CMYKcmyk(24%, 67.9%, 0%, 23.1%)
CIE-LABlab(44.13, 57.42, -54.27)
CIE-LCHlch(44.13, 79.01, 316.62°)
OKLaboklab(54.36% 0.1338 -0.1533)
OKLCHoklch(54.36% 0.203 311.1)
XYZxyz(24.1339, 13.9307, 53.6314)
Luminance0.1393 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#953FC4 #6EC43F
analogous
#523FC4 #953FC4 #C43FB0
triadic
#953FC4 #C4953F #3FC495
tetradic
#953FC4 #C4523F #6EC43F #3FB0C4
square
#953FC4 #C4523F #6EC43F #3FB0C4
split-complementary
#953FC4 #B0C43F #3FC452
monochromatic
#4F2068 #722E97 #953FC4 #AF6ED2 #C99DE1

Accessibility & contrast

On white

5.55
#953FC4 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.79
#953FC4 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #953FC4
5.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##953FC4#FFFFFF#000000##FFFFFF
##953FC41.005.553.795.55
#FFFFFF5.551.0021.001.00
#0000003.7921.001.0021.00
##FFFFFF5.551.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0064C8
Deuteranopia (green-blind)
#2E6AC1
Tritanopia (blue-blind)
#8F5B7D
Achromatopsia (no color)
#686868

Design tokens & code

CSS
--color: #953fc4;
/* rgb */ color: rgb(149, 63, 196);
/* oklch */ color: oklch(54.4% 0.203 311.1);
Tailwind
colors: {
  custom: {
    50: '#b87ad7',
    500: '#953fc4',
    950: '#000000',
  },
}
SCSS
$custom: #953fc4;
$custom-light: #b87ad7;
$custom-dark: #000000;
JSON
{
  "hex": "#953fc4",
  "rgb": {
    "r": 149,
    "g": 63,
    "b": 196
  },
  "hsl": {
    "h": 278.797,
    "s": 52.988,
    "l": 50.784
  },
  "oklch": {
    "l": 0.54358,
    "c": 0.20342,
    "h": 311.1
  },
  "luminance": 0.1393
}

Semantic roles & 50–950 ramp

primary
#953FC4
secondary
#A7CD92
accent
#DC4B7F
background
#FBF7FD
surface
#F7EEFA
border
#D0C9D3
text
#120A14
muted
#817C83

Preview Lab

Preview with #953FC4

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

Preview Lab → · Contrast checker → · Palette generator →

#953FC4 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva