#BA23DC

#BA23DC

Color Values

HEX

#BA23DC

RGB

186, 35, 220

HSL

289.0, 72.5%, 50.0%

HSV

289.0, 84.1%, 86.3%

CMYK

15.5%, 84.1%, 0.0%, 13.7%

OKLCH

0.5872 0.2636 318.9

Properties

Cool Dark Nearest: darkorchid 2

Color Harmonies

Complementary

#BA23DC

#45DC23

Analogous

#5E23DC

#DC23A1

#BA23DC

Triadic

#BA23DC

#DCBA23

#23DCBA

Split Complementary

#BA23DC

#A1DC23

#23DC5E

Tetradic

#BA23DC

#DC5E23

#45DC23

#23A1DC

Color Blindness Simulation

Original

#BA23DC

Protanopia

#7977AF

Deuteranopia

#818DA4

Tritanopia

#B28C84

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#FAF3FC
100
#F4E2F8
200
#ECC1F5
300
#DE95EE
400
#CC5CE5
500
#BA23DC
600
#951CB0
700
#77168D
800
#5D126E
900
#441150
950
#2B0B33

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