#8B59B0

#8B59B0

Color Values

HEX

#8B59B0

RGB

139, 89, 176

HSL

274.5, 35.5%, 52.0%

HSV

274.5, 49.4%, 69.0%

CMYK

21.0%, 49.4%, 0.0%, 31.0%

OKLCH

0.5556 0.139 309.1

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#8B59B0

#7EB059

Analogous

#6059B0

#B059AA

#8B59B0

Triadic

#8B59B0

#B08B59

#59B08B

Split Complementary

#8B59B0

#AAB059

#59B060

Tetradic

#8B59B0

#B06059

#7EB059

#59AAB0

Color Blindness Simulation

Original

#8B59B0

Protanopia

#75759B

Deuteranopia

#787C96

Tritanopia

#888A87

Achromatopsia

#6A6A6A

CSS Usage

background-color: #8B59B0;
color: #8B59B0;
border-color: #8B59B0;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DDCFE8
300
#C5ACD8
400
#A67FC2
500
#8652AD
600
#6B428A
700
#56356F
800
#432956
900
#332140
950
#201528

Contrast Checker

Text on white

5.06:1

AA Pass AAA Fail

Text on black

4.15:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026