#BA07C0

#BA07C0

Color Values

HEX

#BA07C0

RGB

186, 7, 192

HSL

298.1, 93.0%, 39.0%

HSV

298.1, 96.4%, 75.3%

CMYK

3.1%, 96.4%, 0.0%, 24.7%

OKLCH

0.5589 0.2564 326.6

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BA07C0

#0DC007

Analogous

#5E07C0

#C00769

#BA07C0

Triadic

#BA07C0

#C0BA07

#07C0BA

Split Complementary

#BA07C0

#69C007

#07C05E

Tetradic

#BA07C0

#C05E07

#0DC007

#0769C0

Color Blindness Simulation

Original

#BA07C0

Protanopia

#6C6B93

Deuteranopia

#778488

Tritanopia

#B17068

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFD
300
#F789FB
400
#F349F8
500
#EF09F6
600
#BF07C5
700
#99069D
800
#77047B
900
#560859
950
#370538

Contrast Checker

Text on white

5.41:1

AA Pass AAA Fail

Text on black

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