#BA29B8

#BA29B8

Color Values

HEX

#BA29B8

RGB

186, 41, 184

HSL

300.8, 63.9%, 44.5%

HSV

300.8, 78.0%, 72.9%

CMYK

0.0%, 78.0%, 1.1%, 27.1%

OKLCH

0.5679 0.2322 328.7

Properties

Warm Dark Nearest: mediumorchid

Color Harmonies

Complementary

#BA29B8

#29BA2B

Analogous

#7329BA

#BA2970

#BA29B8

Triadic

#BA29B8

#B8BA29

#29B8BA

Split Complementary

#BA29B8

#70BA29

#29BA73

Tetradic

#BA29B8

#BA7329

#29BA2B

#2970BA

Color Blindness Simulation

Original

#BA29B8

Protanopia

#7B7A95

Deuteranopia

#848E8D

Tritanopia

#B37A74

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F7
200
#F2C4F2
300
#E99BE8
400
#DD64DB
500
#D12ECF
600
#A725A5
700
#861D84
800
#681767
900
#4C154C
950
#300D30

Contrast Checker

Text on white

5.13:1

AA Pass AAA Fail

Text on black

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