#BC104C

#BC104C

Color Values

HEX

#BC104C

RGB

188, 16, 76

HSL

339.1, 84.3%, 40.0%

HSV

339.1, 91.5%, 73.7%

CMYK

0.0%, 91.5%, 59.6%, 26.3%

OKLCH

0.5131 0.1981 10.2

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#BC104C

#10BC80

Analogous

#BC10A2

#BC2A10

#BC104C

Triadic

#BC104C

#4CBC10

#104CBC

Split Complementary

#BC104C

#10BC2A

#10A2BC

Tetradic

#BC104C

#A2BC10

#10BC80

#2A10BC

Color Blindness Simulation

Original

#BC104C

Protanopia

#71703D

Deuteranopia

#7C883A

Tritanopia

#B33230

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0E9
200
#F9BDD2
300
#F58EB2
400
#F05189
500
#EB145F
600
#BC104C
700
#960D3D
800
#750A2F
900
#550C25
950
#360718

Contrast Checker

Text on white

6.33:1

AA Pass AAA Fail

Text on black

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