#652498#652498

#652498 is a dark, vivid violet. Relative luminance 0.063; OKLCH L 42.0% C 0.178 H 305.3°. Best body text is #FFFFFF at 9.30:1 contrast (WCAG AA passes).

Color values

HEX#652498
RGBrgb(101, 36, 152)
HSLhsl(274, 62%, 37%)
HSVhsv(274, 76%, 60%)
CMYKcmyk(33.6%, 76.3%, 0%, 40.4%)
CIE-LABlab(30.15, 49.56, -51.01)
CIE-LCHlch(30.15, 71.13, 314.17°)
OKLaboklab(42.01% 0.1029 -0.1452)
OKLCHoklch(42.01% 0.178 305.3)
XYZxyz(11.6639, 6.2955, 30.3004)
Luminance0.0630 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#652498 #579824
analogous
#2B2498 #652498 #982491
triadic
#652498 #986524 #249865
tetradic
#652498 #982B24 #579824 #249198
square
#652498 #982B24 #579824 #249198
split-complementary
#652498 #919824 #24982B
monochromatic
#230D35 #441867 #652498 #8630C9 #A35ED9

Accessibility & contrast

On white

9.30
#652498 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.26
#652498 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #652498
9.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##652498#FFFFFF#000000##FFFFFF
##6524981.009.302.269.30
#FFFFFF9.301.0021.001.00
#0000002.2621.001.0021.00
##FFFFFF9.301.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00459B
Deuteranopia (green-blind)
#004796
Tritanopia (blue-blind)
#5C415C
Achromatopsia (no color)
#474747

Design tokens & code

CSS
--color: #652498;
/* rgb */ color: rgb(101, 36, 152);
/* oklch */ color: oklch(42.0% 0.178 305.3);
Tailwind
colors: {
  custom: {
    50: '#9666b7',
    500: '#652498',
    950: '#000000',
  },
}
SCSS
$custom: #652498;
$custom-light: #9666b7;
$custom-dark: #000000;
JSON
{
  "hex": "#652498",
  "rgb": {
    "r": 101,
    "g": 36,
    "b": 152
  },
  "hsl": {
    "h": 273.621,
    "s": 61.702,
    "l": 36.863
  },
  "oklch": {
    "l": 0.42011,
    "c": 0.17793,
    "h": 305.3
  },
  "luminance": 0.06295
}

Semantic roles & 50–950 ramp

primary
#652498
secondary
#86BE5A
accent
#E5438A
background
#F9F6FB
surface
#F2EBF6
border
#CCC6D0
text
#0E0611
muted
#7E7A80

Preview Lab

Preview with #652498

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

Preview Lab → · Contrast checker → · Palette generator →

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