#BD1CC2

#BD1CC2

Color Values

HEX

#BD1CC2

RGB

189, 28, 194

HSL

298.2, 74.8%, 43.5%

HSV

298.2, 85.6%, 76.1%

CMYK

2.6%, 85.6%, 0.0%, 23.9%

OKLCH

0.5713 0.2501 326.8

Properties

Cool Dark Nearest: magenta 3

Color Harmonies

Complementary

#BD1CC2

#21C21C

Analogous

#6A1CC2

#C21C74

#BD1CC2

Triadic

#BD1CC2

#C2BD1C

#1CC2BD

Split Complementary

#BD1CC2

#74C21C

#1CC26A

Tetradic

#BD1CC2

#C26A1C

#21C21C

#1C74C2

Color Blindness Simulation

Original

#BD1CC2

Protanopia

#77769A

Deuteranopia

#818D90

Tritanopia

#B57A73

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FCF2FC
100
#F8E2F8
200
#F4C1F6
300
#ED94F0
400
#E35AE7
500
#D920DF
600
#AE1AB2
700
#8B158F
800
#6D106F
900
#4F1051
950
#320A33

Contrast Checker

Text on white

5.11:1

AA Pass AAA Fail

Text on black

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