#BA27B5

#BA27B5

Color Values

HEX

#BA27B5

RGB

186, 39, 181

HSL

302.0, 65.3%, 44.1%

HSV

302.0, 79.0%, 72.9%

CMYK

0.0%, 79.0%, 2.7%, 27.1%

OKLCH

0.5649 0.2317 329.7

Properties

Warm Dark Nearest: mediumorchid

Color Harmonies

Complementary

#BA27B5

#27BA2C

Analogous

#7527BA

#BA276C

#BA27B5

Triadic

#BA27B5

#B5BA27

#27B5BA

Split Complementary

#BA27B5

#6CBA27

#27BA75

Tetradic

#BA27B5

#BA7527

#27BA2C

#276CBA

Color Blindness Simulation

Original

#BA27B5

Protanopia

#7A7993

Deuteranopia

#838E8A

Tritanopia

#B37772

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F6
200
#F3C4F1
300
#EA9AE7
400
#DE63DA
500
#D32CCD
600
#A923A4
700
#871C83
800
#691667
900
#4D144B
950
#310D2F

Contrast Checker

Text on white

5.19:1

AA Pass AAA Fail

Text on black

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