#8B5CF6

#8B5CF6

Color Values

HEX

#8B5CF6

RGB

139, 92, 246

HSL

258.3, 89.5%, 66.3%

HSV

258.3, 62.6%, 96.5%

CMYK

43.5%, 62.6%, 0.0%, 3.5%

OKLCH

0.6056 0.2189 292.7

Properties

Cool Light Nearest: slateblue 1

Color Harmonies

Complementary

#8B5CF6

#C7F65C

Analogous

#5C7AF6

#D85CF6

#8B5CF6

Triadic

#8B5CF6

#F68B5C

#5CF68B

Split Complementary

#8B5CF6

#F6D85C

#7AF65C

Tetradic

#8B5CF6

#F65C7A

#C7F65C

#5CF6D8

Color Blindness Simulation

Original

#8B5CF6

Protanopia

#7776D1

Deuteranopia

#797DC8

Tritanopia

#89B3AD

Achromatopsia

#717171

CSS Usage

background-color: #8B5CF6;
color: #8B5CF6;
border-color: #8B5CF6;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F5F2FD
100
#E8E0FB
200
#CFBBFB
300
#AC8BF9
400
#804CF5
500
#530DF2
600
#420BC1
700
#35099B
800
#290779
900
#210957
950
#150637

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.96:1

AA Pass AAA Fail

Part of These Collections

Tailwind CSS — Violet

Violet 500

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026