#8312BA

#8312BA

Color Values

HEX

#8312BA

RGB

131, 18, 186

HSL

280,4, 82,4%, 40,0%

HSV

280,4, 90,3%, 72,9%

CMYK

29,6%, 90,3%, 0,0%, 27,1%

OKLCH

0,4759 0,2306 309,7

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#8312BA

#49BA12

Analogous

#2F12BA

#BA129D

#8312BA

Triadic

#8312BA

#BA8312

#12BA83

Split Complementary

#8312BA

#9DBA12

#12BA2F

Tetradic

#8312BA

#BA2F12

#49BA12

#129DBA

Color Blindness Simulation

Original

#8312BA

Protanopia

#525191

Deuteranopia

#596188

Tritanopia

#7D716A

Achromatopsia

#363636

CSS Usage

background-color: #8312BA;
color: #8312BA;
border-color: #8312BA;
Nearest Tailwind: Purple 700 #7E22CE

Tailwind Shades

50
#F9F2FD
100
#F1E1FA
200
#E5BEF9
300
#D38FF4
400
#BC53EE
500
#A416E9
600
#8312BA
700
#690E95
800
#520B74
900
#3D0D54
950
#260835

Contrast Checker

Text on white

7,61:1

AA Pass AAA Pass

Text on black

2,76:1

AA Fail AAA Fail

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