#BC4976

#BC4976

Color Values

HEX

#BC4976

RGB

188, 73, 118

HSL

336.5, 46.2%, 51.2%

HSV

336.5, 61.2%, 73.7%

CMYK

0.0%, 61.2%, 37.2%, 26.3%

OKLCH

0.5715 0.1542 358.8

Properties

Warm Dark Nearest: NCS S 1050-R20B Raspberry

Color Harmonies

Complementary

#BC4976

#49BC8F

Analogous

#BC49B0

#BC5649

#BC4976

Triadic

#BC4976

#76BC49

#4976BC

Split Complementary

#BC4976

#49BC56

#49B0BC

Tetradic

#BC4976

#B0BC49

#49BC8F

#5649BC

Color Blindness Simulation

Original

#BC4976

Protanopia

#8A896B

Deuteranopia

#919A68

Tritanopia

#B66361

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCBD8
300
#DEA6BC
400
#CC7597
500
#BA4573
600
#95375C
700
#772C49
800
#5D2239
900
#451C2C
950
#2B121C

Contrast Checker

Text on white

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