#BA24B5

#BA24B5

Color Values

HEX

#BA24B5

RGB

186, 36, 181

HSL

302.0, 67.6%, 43.5%

HSV

302.0, 80.6%, 72.9%

CMYK

0.0%, 80.6%, 2.7%, 27.1%

OKLCH

0.563 0.2342 329.7

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA24B5

#24BA29

Analogous

#7424BA

#BA246A

#BA24B5

Triadic

#BA24B5

#B5BA24

#24B5BA

Split Complementary

#BA24B5

#6ABA24

#24BA74

Tetradic

#BA24B5

#BA7424

#24BA29

#246ABA

Color Blindness Simulation

Original

#BA24B5

Protanopia

#797892

Deuteranopia

#828D8A

Tritanopia

#B27670

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F7
200
#F3C3F2
300
#EB98E8
400
#E061DC
500
#D629D0
600
#AB21A6
700
#891A85
800
#6B1568
900
#4E134C
950
#310C30

Contrast Checker

Text on white

5.24:1

AA Pass AAA Fail

Text on black

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