#BA2BBC

#BA2BBC

Color Values

HEX

#BA2BBC

RGB

186, 43, 188

HSL

299,2, 62,8%, 45,3%

HSV

299,2, 77,1%, 73,7%

CMYK

1,1%, 77,1%, 0,0%, 26,3%

OKLCH

0,5716 0,2334 327,5

Properties

Cool Dark Nearest: mediumorchid

Color Harmonies

Complementary

#BA2BBC

#2DBC2B

Analogous

#722BBC

#BC2B75

#BA2BBC

Triadic

#BA2BBC

#BCBA2B

#2BBCBA

Split Complementary

#BA2BBC

#75BC2B

#2BBC72

Tetradic

#BA2BBC

#BC722B

#2DBC2B

#2B75BC

Color Blindness Simulation

Original

#BA2BBC

Protanopia

#7C7B99

Deuteranopia

#848F90

Tritanopia

#B37D77

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF3FB
100
#F6E4F7
200
#F1C5F2
300
#E79BE8
400
#DA65DC
500
#CD2FD0
600
#A426A6
700
#831E85
800
#671868
900
#4B154C
950
#2F0D30

Contrast Checker

Text on white

5,05:1

AA Pass AAA Fail

Text on black

4,16: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