#7F32BA#7F32BA

#7F32BA is a mid, highly saturated violet. Relative luminance 0.103; OKLCH L 49.5% C 0.203 H 306.0°. Best body text is #FFFFFF at 6.85:1 contrast (WCAG AA passes).

Color values

HEX#7F32BA
RGBrgb(127, 50, 186)
HSLhsl(274, 58%, 46%)
HSVhsv(274, 73%, 73%)
CMYKcmyk(31.7%, 73.1%, 0%, 27.1%)
CIE-LABlab(38.44, 56.42, -57.77)
CIE-LCHlch(38.44, 80.74, 314.32°)
OKLaboklab(49.46% 0.1193 -0.1642)
OKLCHoklch(49.46% 0.203 306)
XYZxyz(18.7540, 10.3386, 47.4524)
Luminance0.1034 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7F32BA #6DBA32
analogous
#3B32BA #7F32BA #BA32B1
triadic
#7F32BA #BA7F32 #32BA7F
tetradic
#7F32BA #BA3B32 #6DBA32 #32B1BA
square
#7F32BA #BA3B32 #6DBA32 #32B1BA
split-complementary
#7F32BA #B1BA32 #32BA3B
monochromatic
#3D185A #5E258A #7F32BA #9D57D2 #B988DF

Accessibility & contrast

On white

6.85
#7F32BA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.07
#7F32BA on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7F32BA
6.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7F32BA#FFFFFF#000000##FFFFFF
##7F32BA1.006.853.076.85
#FFFFFF6.851.0021.001.00
#0000003.0721.001.0021.00
##FFFFFF6.851.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0058BE
Deuteranopia (green-blind)
#005BB7
Tritanopia (blue-blind)
#745373
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #7f32ba;
/* rgb */ color: rgb(127, 50, 186);
/* oklch */ color: oklch(49.5% 0.203 306.0);
Tailwind
colors: {
  custom: {
    50: '#a971d0',
    500: '#7f32ba',
    950: '#000000',
  },
}
SCSS
$custom: #7f32ba;
$custom-light: #a971d0;
$custom-dark: #000000;
JSON
{
  "hex": "#7f32ba",
  "rgb": {
    "r": 127,
    "g": 50,
    "b": 186
  },
  "hsl": {
    "h": 273.971,
    "s": 57.627,
    "l": 46.275
  },
  "oklch": {
    "l": 0.49455,
    "c": 0.20295,
    "h": 306
  },
  "luminance": 0.10338
}

Semantic roles & 50–950 ramp

primary
#7F32BA
secondary
#9FC97F
accent
#E1478A
background
#FAF7FC
surface
#F4EDF9
border
#CEC8D2
text
#100814
muted
#7F7B82

Preview Lab

Preview with #7F32BA

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

Preview Lab → · Contrast checker → · Palette generator →

#7F32BA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva