#BA30CF

#BA30CF

Color Values

HEX

#BA30CF

RGB

186, 48, 207

HSL

292.1, 62.4%, 50.0%

HSV

292.1, 76.8%, 81.2%

CMYK

10.1%, 76.8%, 0.0%, 18.8%

OKLCH

0.5867 0.2433 321.9

Properties

Cool Dark Nearest: darkorchid 3

Color Harmonies

Complementary

#BA30CF

#45CF30

Analogous

#6B30CF

#CF3094

#BA30CF

Triadic

#BA30CF

#CFBA30

#30CFBA

Split Complementary

#BA30CF

#94CF30

#30CF6B

Tetradic

#BA30CF

#CF6B30

#45CF30

#3094CF

Color Blindness Simulation

Original

#BA30CF

Protanopia

#7E7DA9

Deuteranopia

#86919F

Tritanopia

#B38A83

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FAF3FB
100
#F4E4F7
200
#ECC5F2
300
#DE9CE8
400
#CC66DC
500
#BA30CF
600
#9526A6
700
#771F85
800
#5D1868
900
#44154C
950
#2B0D30

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

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