#BC103C

#BC103C

Color Values

HEX

#BC103C

RGB

188, 16, 60

HSL

344,7, 84,3%, 40,0%

HSV

344,7, 91,5%, 73,7%

CMYK

0,0%, 91,5%, 68,1%, 26,3%

OKLCH

0,5097 0,197 16,5

Properties

Warm Dark Nearest: Maroon

Color Harmonies

Complementary

#BC103C

#10BC90

Analogous

#BC1092

#BC3A10

#BC103C

Triadic

#BC103C

#3CBC10

#103CBC

Split Complementary

#BC103C

#10BC3A

#1092BC

Tetradic

#BC103C

#92BC10

#10BC90

#3A10BC

Color Blindness Simulation

Original

#BC103C

Protanopia

#717031

Deuteranopia

#7C882F

Tritanopia

#B32927

Achromatopsia

#383838

CSS Usage

background-color: #BC103C;
color: #BC103C;
border-color: #BC103C;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FDF2F5
100
#FAE0E7
200
#F9BDCD
300
#F58EA9
400
#F0517A
500
#EB144B
600
#BC103C
700
#960D30
800
#750A25
900
#550C1E
950
#360713

Contrast Checker

Text on white

6,41:1

AA Pass AAA Fail

Text on black

3,28:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026