#BC3077

#BC3077

Color Values

HEX

#BC3077

RGB

188, 48, 119

HSL

329.6, 59.3%, 46.3%

HSV

329.6, 74.5%, 73.7%

CMYK

0.0%, 74.5%, 36.7%, 26.3%

OKLCH

0.5455 0.1863 354.3

Properties

Warm Dark Nearest: NCS S 1060-R30B Magenta

Color Harmonies

Complementary

#BC3077

#30BC75

Analogous

#BB30BC

#BC3031

#BC3077

Triadic

#BC3077

#77BC30

#3077BC

Split Complementary

#BC3077

#31BC30

#30BCBB

Tetradic

#BC3077

#BCBB30

#30BC75

#3031BC

Color Blindness Simulation

Original

#BC3077

Protanopia

#7F7E66

Deuteranopia

#889262

Tritanopia

#B55855

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#FBF3F7
100
#F6E4ED
200
#F0C6DC
300
#E69EC2
400
#D969A1
500
#CB3481
600
#A22A67
700
#822152
800
#661A40
900
#4A1731
950
#2F0E1F

Contrast Checker

Text on white

5.49:1

AA Pass AAA Fail

Text on black

3.83:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026