#BC3971

#BC3971

Color Values

HEX

#BC3971

RGB

188, 57, 113

HSL

334,4, 53,5%, 48,0%

HSV

334,4, 69,7%, 73,7%

CMYK

0,0%, 69,7%, 39,9%, 26,3%

OKLCH

0,5518 0,1735 358,3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BC3971

#39BC84

Analogous

#BC39B2

#BC4339

#BC3971

Triadic

#BC3971

#71BC39

#3971BC

Split Complementary

#BC3971

#39BC43

#39B2BC

Tetradic

#BC3971

#B2BC39

#39BC84

#4339BC

Color Blindness Simulation

Original

#BC3971

Protanopia

#838263

Deuteranopia

#8B9560

Tritanopia

#B55956

Achromatopsia

#595959

CSS Usage

background-color: #BC3971;
color: #BC3971;
border-color: #BC3971;
Nearest Tailwind: Pink 700 #BE185D

Tailwind Shades

50
#FBF4F7
100
#F5E5EC
200
#EEC8D8
300
#E3A1BD
400
#D36E99
500
#C43B75
600
#9D2F5E
700
#7D264B
800
#621E3B
900
#48192D
950
#2D101C

Contrast Checker

Text on white

5,3:1

AA Pass AAA Fail

Text on black

3,96: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