#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026