#652496#652496

#652496 is a dark, vivid violet. Relative luminance 0.062; OKLCH L 41.8% C 0.176 H 306.0°. Best body text is #FFFFFF at 9.35:1 contrast (WCAG AA passes).

Color values

HEX#652496
RGBrgb(101, 36, 150)
HSLhsl(274, 61%, 36%)
HSVhsv(274, 76%, 59%)
CMYKcmyk(32.7%, 76%, 0%, 41.2%)
CIE-LABlab(29.99, 49.09, -50.05)
CIE-LCHlch(29.99, 70.10, 314.45°)
OKLaboklab(41.85% 0.1033 -0.1423)
OKLCHoklch(41.85% 0.176 306)
XYZxyz(11.5015, 6.2306, 29.4450)
Luminance0.0623 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#652496 #559624
analogous
#2C2496 #652496 #96248E
triadic
#652496 #966524 #249665
tetradic
#652496 #962C24 #559624 #248E96
square
#652496 #962C24 #559624 #248E96
split-complementary
#652496 #8E9624 #24962C
monochromatic
#230C33 #441865 #652496 #8630C7 #A35CD8

Accessibility & contrast

On white

9.35
#652496 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.25
#652496 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #652496
9.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##652496#FFFFFF#000000##FFFFFF
##6524961.009.352.259.35
#FFFFFF9.351.0021.001.00
#0000002.2521.001.0021.00
##FFFFFF9.351.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004599
Deuteranopia (green-blind)
#004794
Tritanopia (blue-blind)
#5C405B
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #652496;
/* rgb */ color: rgb(101, 36, 150);
/* oklch */ color: oklch(41.8% 0.176 306.0);
Tailwind
colors: {
  custom: {
    50: '#9666b6',
    500: '#652496',
    950: '#000000',
  },
}
SCSS
$custom: #652496;
$custom-light: #9666b6;
$custom-dark: #000000;
JSON
{
  "hex": "#652496",
  "rgb": {
    "r": 101,
    "g": 36,
    "b": 150
  },
  "hsl": {
    "h": 274.211,
    "s": 61.29,
    "l": 36.471
  },
  "oklch": {
    "l": 0.41849,
    "c": 0.17587,
    "h": 306
  },
  "luminance": 0.0623
}

Semantic roles & 50–950 ramp

primary
#652496
secondary
#84BD59
accent
#E44389
background
#F9F6FB
surface
#F2EBF6
border
#CCC6D0
text
#0E0611
muted
#7E7A80

Preview Lab

Preview with #652496

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

Preview Lab → · Contrast checker → · Palette generator →

#652496 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva