#BA27BB

#BA27BB

Color Values

HEX

#BA27BB

RGB

186, 39, 187

HSL

299.6, 65.5%, 44.3%

HSV

299.6, 79.1%, 73.3%

CMYK

0.5%, 79.1%, 0.0%, 26.7%

OKLCH

0.5684 0.2361 327.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA27BB

#28BB27

Analogous

#7027BB

#BB2772

#BA27BB

Triadic

#BA27BB

#BBBA27

#27BBBA

Split Complementary

#BA27BB

#72BB27

#27BB70

Tetradic

#BA27BB

#BB7027

#28BB27

#2772BB

Color Blindness Simulation

Original

#BA27BB

Protanopia

#7A7997

Deuteranopia

#838E8F

Tritanopia

#B37B75

Achromatopsia

#515151

CSS Usage

background-color: #BA27BB;
color: #BA27BB;
border-color: #BA27BB;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F2C4F3
300
#E99AEA
400
#DE63DE
500
#D22CD3
600
#A823A9
700
#861C87
800
#69166A
900
#4D144D
950
#300D31

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

4.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026