#BC1070

#BC1070

Color Values

HEX

#BC1070

RGB

188, 16, 112

HSL

326.5, 84.3%, 40.0%

HSV

326.5, 91.5%, 73.7%

CMYK

0.0%, 91.5%, 40.4%, 26.3%

OKLCH

0.524 0.208 355.0

Properties

Warm Dark Nearest: deeppink 3

Color Harmonies

Complementary

#BC1070

#10BC5C

Analogous

#B210BC

#BC101A

#BC1070

Triadic

#BC1070

#70BC10

#1070BC

Split Complementary

#BC1070

#1ABC10

#10BCB2

Tetradic

#BC1070

#BCB210

#10BC5C

#101ABC

Color Blindness Simulation

Original

#BC1070

Protanopia

#717059

Deuteranopia

#7C8853

Tritanopia

#B34642

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#F9BDDF
300
#F58EC8
400
#F051AA
500
#EB148C
600
#BC1070
700
#960D5A
800
#750A46
900
#550C35
950
#360721

Contrast Checker

Text on white

6.09:1

AA Pass AAA Fail

Text on black

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