#652BC0#652BC0

#652BC0 is a mid, highly saturated violet. Relative luminance 0.083; OKLCH L 46.2% C 0.213 H 294.0°. Best body text is #FFFFFF at 7.89:1 contrast (WCAG AA passes).

Color values

HEX	#652BC0
RGB	rgb(101, 43, 192)
HSL	hsl(263, 63%, 46%)
HSV	hsv(263, 78%, 75%)
CMYK	cmyk(47.4%, 77.6%, 0%, 24.7%)
CIE-LAB	lab(34.60, 56.49, -67.71)
CIE-LCH	lch(34.60, 88.18, 309.84°)
OKLab	oklab(46.19% 0.0865 -0.1942)
OKLCH	oklch(46.19% 0.213 294)
XYZ	xyz(15.7425, 8.2997, 50.6315)
Luminance	0.0830 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Blue With A Hint Of Purple

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#652BC0 #86C02B

analogous

#2B3BC0 #652BC0 #AF2BC0

triadic

#652BC0 #C0652B #2BC065

tetradic

#652BC0 #C02B3B #86C02B #2BC0AF

square

#652BC0 #C02B3B #86C02B #2BC0AF

split-complementary

#652BC0 #C0AF2B #3BC02B

monochromatic

#30155C #4B208E #652BC0 #8550D8 #A882E3

Accessibility & contrast

On white

7.89

#652BC0 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.66

#652BC0 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #652BC0

7.89:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##652BC0	#FFFFFF	#000000	##FFFFFF
##652BC0	1.00	7.89	2.66	7.89
#FFFFFF	7.89	1.00	21.00	1.00
#000000	2.66	21.00	1.00	21.00
##FFFFFF	7.89	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#0053C4

Deuteranopia (green-blind)

#004FBD

Tritanopia (blue-blind)

#495575

Achromatopsia (no color)

#515151

Design tokens & code

CSS

--color: #652bc0;
/* rgb */ color: rgb(101, 43, 192);
/* oklch */ color: oklch(46.2% 0.213 294.0);

Tailwind

colors: {
  custom: {
    50: '#9a6bd4',
    500: '#652bc0',
    950: '#000000',
  },
}

SCSS

$custom: #652bc0;
$custom-light: #9a6bd4;
$custom-dark: #000000;

JSON

{
  "hex": "#652bc0",
  "rgb": {
    "r": 101,
    "g": 43,
    "b": 192
  },
  "hsl": {
    "h": 263.356,
    "s": 63.404,
    "l": 46.078
  },
  "oklch": {
    "l": 0.46186,
    "c": 0.21263,
    "h": 294
  },
  "luminance": 0.083
}

Semantic roles & 50–950 ramp

primary

#652BC0

secondary

#ACCC7B

accent

#E641A6

background

#FAF6FD

surface

#F3ECFA

border

#CDC7D3

text

#0F0714

muted

#7F7A83

Preview Lab

Preview with #652BC0

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

Preview Lab → · Contrast checker → · Palette generator →