#BA19B6

#BA19B6

Color Values

HEX

#BA19B6

RGB

186, 25, 182

HSL

301.5, 76.3%, 41.4%

HSV

301.5, 86.6%, 72.9%

CMYK

0.0%, 86.6%, 2.2%, 27.1%

OKLCH

0.5581 0.2423 329.4

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA19B6

#19BA1D

Analogous

#6E19BA

#BA1966

#BA19B6

Triadic

#BA19B6

#B6BA19

#19B6BA

Split Complementary

#BA19B6

#66BA19

#19BA6E

Tetradic

#BA19B6

#BA6E19

#19BA1D

#1966BA

Color Blindness Simulation

Original

#BA19B6

Protanopia

#747390

Deuteranopia

#7E8A87

Tritanopia

#B2726B

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F9E2F8
200
#F7C0F5
300
#F093EE
400
#E959E5
500
#E11EDC
600
#B418B0
700
#90138D
800
#700F6E
900
#520F50
950
#340A33

Contrast Checker

Text on white

5.38:1

AA Pass AAA Fail

Text on black

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