#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026