#BA24DB

#BA24DB

Color Values

HEX

#BA24DB

RGB

186, 36, 219

HSL

289.2, 71.8%, 50.0%

HSV

289.2, 83.6%, 85.9%

CMYK

15.1%, 83.6%, 0.0%, 14.1%

OKLCH

0.587 0.2621 319.1

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#BA24DB

#45DB24

Analogous

#5F24DB

#DB24A0

#BA24DB

Triadic

#BA24DB

#DBBA24

#24DBBA

Split Complementary

#BA24DB

#A0DB24

#24DB5F

Tetradic

#BA24DB

#DB5F24

#45DB24

#24A0DB

Color Blindness Simulation

Original

#BA24DB

Protanopia

#7978AF

Deuteranopia

#828DA4

Tritanopia

#B28C84

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F4E2F8
200
#ECC2F5
300
#DE96EE
400
#CC5DE4
500
#BA24DB
600
#951DAF
700
#77178C
800
#5D126E
900
#441150
950
#2B0B32

Contrast Checker

Text on white

4.81:1

AA Pass AAA Fail

Text on black

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