#BD29BA

#BD29BA

Color Values

HEX

#BD29BA

RGB

189, 41, 186

HSL

301.2, 64.3%, 45.1%

HSV

301.2, 78.3%, 74.1%

CMYK

0.0%, 78.3%, 1.6%, 25.9%

OKLCH

0.5736 0.235 329.0

Properties

Warm Dark Nearest: magenta 3

Color Harmonies

Complementary

#BD29BA

#29BD2C

Analogous

#7629BD

#BD2970

#BD29BA

Triadic

#BD29BA

#BABD29

#29BABD

Split Complementary

#BD29BA

#70BD29

#29BD76

Tetradic

#BD29BA

#BD7629

#29BD2C

#2970BD

Color Blindness Simulation

Original

#BD29BA

Protanopia

#7D7C97

Deuteranopia

#86918E

Tritanopia

#B67B75

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FCF3FB
100
#F7E3F7
200
#F2C4F1
300
#E99AE8
400
#DD64DB
500
#D12ECE
600
#A824A5
700
#861D84
800
#691767
900
#4C144B
950
#300D30

Contrast Checker

Text on white

5.01:1

AA Pass AAA Fail

Text on black

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