#BC487B

#BC487B

Color Values

HEX

#BC487B

RGB

188, 72, 123

HSL

333.6, 46.4%, 51.0%

HSV

333.6, 61.7%, 73.7%

CMYK

0.0%, 61.7%, 34.6%, 26.3%

OKLCH

0.572 0.1576 355.9

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BC487B

#48BC89

Analogous

#BC48B5

#BC4F48

#BC487B

Triadic

#BC487B

#7BBC48

#487BBC

Split Complementary

#BC487B

#48BC4F

#48B5BC

Tetradic

#BC487B

#B5BC48

#48BC89

#4F48BC

Color Blindness Simulation

Original

#BC487B

Protanopia

#8A896F

Deuteranopia

#90996C

Tritanopia

#B66563

Achromatopsia

#646464

CSS Usage

background-color: #BC487B;
color: #BC487B;
border-color: #BC487B;
Nearest Tailwind: Pink 800 #9D174D

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD9
300
#DEA5BE
400
#CC759B
500
#BB4478
600
#953760
700
#772C4D
800
#5D223C
900
#451C2E
950
#2B121D

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

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