#9B59B6 Color (Hex and RGB)

#9B59B6

rgb(155 89 182) · reads as blue

#9b59b6 has RGB values (155, 89, 182). The color reads primarily as blue in sRGB space.

Color values

Format	Value	Channels
HEX	`#9B59B6`	R9BG59BB6
RGB	`rgb(155 89 182)`	R155G89B182
HSL	`hsl(283 39% 53%)`	H283°S39%L53%
OKLCH	`oklch(58% 0.15 315)`	L0.58C0.15H315°
HSV	`hsv(283, 51%, 71%)`	H283°S51%V71%
CMYK	`cmyk(15%, 51%, 0%, 29%)`	C15%M51%Y0%K29%

RGB mix

Red155 60.78%
Green89 34.9%
Blue182 71.37%

Base numbers

Base	R	G	B
Binary	`10011011`	`01011001`	`10110110`
Octal	`233`	`131`	`266`
Decimal	`155`	`89`	`182`
Hex	`9b`	`59`	`b6`

Shades & tints

Shades mix #9B59B6 with black; tints mix it with white. Click any swatch to explore it.

Shades

Tints

Color harmonies

Complementary

Opposite on the color wheel — maximum contrast.

Analogous

Neighbors 30° either side — calm and cohesive.

Triadic

Three hues spaced 120° apart — vibrant balance.

Monochromatic

Same hue and saturation, different lightness.

Similar brand colors

The closest colors from our brand palettes, measured in OKLab.

Contrast & accessibility

WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.

#9B59B6 on #FFFFFF

4.67:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

#9B59B6 on #000000

4.50:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

#FFFFFF on #9B59B6

4.67:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

#000000 on #9B59B6

4.50:1

AA ✓AAA ✕AA Large ✓AAA Large ✓

Code snippets

CSScolor: #9b59b6;
Backgroundbackground-color: #9b59b6;
CSS variable--color-9b59b6: #9b59b6;
Modern CSScolor: oklch(58% 0.15 315);
SCSS$color-9b59b6: #9b59b6;
Tailwindbg-[#9b59b6] text-[#9b59b6]
HTML<div style="background-color: #9b59b6"></div>

Color values

RGB mix

Base numbers

Shades & tints

Shades

Tints

Color harmonies

Complementary

Analogous

Triadic

Monochromatic

Similar brand colors

Contrast & accessibility

Code snippets

Brands that use this color 1