#BC1077

#BC1077

Color Values

HEX

#BC1077

RGB

188, 16, 119

HSL

324.1, 84.3%, 40.0%

HSV

324.1, 91.5%, 73.7%

CMYK

0.0%, 91.5%, 36.7%, 26.3%

OKLCH

0.5267 0.211 352.1

Properties

Warm Dark Nearest: mediumvioletred

Color Harmonies

Complementary

#BC1077

#10BC55

Analogous

#AB10BC

#BC1021

#BC1077

Triadic

#BC1077

#77BC10

#1077BC

Split Complementary

#BC1077

#21BC10

#10BCAB

Tetradic

#BC1077

#BCAB10

#10BC55

#1021BC

Color Blindness Simulation

Original

#BC1077

Protanopia

#71705E

Deuteranopia

#7C8858

Tritanopia

#B34A46

Achromatopsia

#3C3C3C

CSS Usage

background-color: #BC1077;
color: #BC1077;
border-color: #BC1077;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F8
100
#FAE0F0
200
#F9BDE1
300
#F58ECC
400
#F051B0
500
#EB1495
600
#BC1077
700
#960D5F
800
#750A4A
900
#550C38
950
#360723

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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