#BA00CC

#BA00CC

Color Values

HEX

#BA00CC

RGB

186, 0, 204

HSL

294,7, 100,0%, 40,0%

HSV

294,7, 100,0%, 80,0%

CMYK

8,8%, 100,0%, 0,0%, 20,0%

OKLCH

0,5652 0,2664 323,4

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA00CC

#12CC00

Analogous

#5400CC

#CC0078

#BA00CC

Triadic

#BA00CC

#CCBA00

#00CCBA

Split Complementary

#BA00CC

#78CC00

#00CC54

Tetradic

#BA00CC

#CC5400

#12CC00

#0078CC

Color Blindness Simulation

Original

#BA00CC

Protanopia

#69689B

Deuteranopia

#74828F

Tritanopia

#B1746B

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADEFC
200
#F9B8FF
300
#F485FF
400
#EE42FF
500
#E800FF
600
#BA00CC
700
#9500A3
800
#740080
900
#54055C
950
#35033A

Contrast Checker

Text on white

5,3:1

AA Pass AAA Fail

Text on black

3,96: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