#BA31CE

#BA31CE

Color Values

HEX

#BA31CE

RGB

186, 49, 206

HSL

292.4, 61.6%, 50.0%

HSV

292.4, 76.2%, 80.8%

CMYK

9.7%, 76.2%, 0.0%, 19.2%

OKLCH

0.5868 0.2416 322.2

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#BA31CE

#45CE31

Analogous

#6C31CE

#CE3193

#BA31CE

Triadic

#BA31CE

#CEBA31

#31CEBA

Split Complementary

#BA31CE

#93CE31

#31CE6C

Tetradic

#BA31CE

#CE6C31

#45CE31

#3193CE

Color Blindness Simulation

Original

#BA31CE

Protanopia

#7F7DA8

Deuteranopia

#87919F

Tritanopia

#B38A83

Achromatopsia

#595959

CSS Usage

background-color: #BA31CE;
color: #BA31CE;
border-color: #BA31CE;
Nearest Tailwind: Fuchsia 600 #C026D3

Tailwind Shades

50
#FAF3FB
100
#F4E4F6
200
#ECC5F1
300
#DE9CE7
400
#CC67DB
500
#BA31CE
600
#9527A5
700
#771F84
800
#5D1867
900
#45164B
950
#2B0E30

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

4.42: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