#BA45A6

#BA45A6

Color Values

HEX

#BA45A6

RGB

186, 69, 166

HSL

310.3, 45.9%, 50.0%

HSV

310.3, 62.9%, 72.9%

CMYK

0.0%, 62.9%, 10.8%, 27.1%

OKLCH

0.5832 0.1867 335.1

Properties

Warm Dark Nearest: orchid 3

Color Harmonies

Complementary

#BA45A6

#45BA59

Analogous

#9445BA

#BA456B

#BA45A6

Triadic

#BA45A6

#A6BA45

#45A6BA

Split Complementary

#BA45A6

#6BBA45

#45BA94

Tetradic

#BA45A6

#BA9445

#45BA59

#456BBA

Color Blindness Simulation

Original

#BA45A6

Protanopia

#87868F

Deuteranopia

#8E9789

Tritanopia

#B47C78

Achromatopsia

#656565

CSS Usage

background-color: #BA45A6;
color: #BA45A6;
border-color: #BA45A6;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

50
#FAF4F9
100
#F4E6F2
200
#ECCBE6
300
#DEA6D4
400
#CC75BD
500
#BA45A6
600
#953785
700
#772C6A
800
#5D2253
900
#441C3E
950
#2B1227

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

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