#BC373D

#BC373D

Color Values

HEX

#BC373D

RGB

188, 55, 61

HSL

357.3, 54.7%, 47.6%

HSV

357.3, 70.7%, 73.7%

CMYK

0.0%, 70.7%, 67.6%, 26.3%

OKLCH

0.5369 0.1693 22.6

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#BC373D

#37BCB6

Analogous

#BC377F

#BC7337

#BC373D

Triadic

#BC373D

#3DBC37

#373DBC

Split Complementary

#BC373D

#37BC73

#377FBC

Tetradic

#BC373D

#7FBC37

#37BCB6

#7337BC

Color Blindness Simulation

Original

#BC373D

Protanopia

#82813C

Deuteranopia

#8A943B

Tritanopia

#B53A3A

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E5E6
200
#EFC8CA
300
#E3A0A3
400
#D46D72
500
#C53A40
600
#9E2E33
700
#7E2529
800
#631D20
900
#48191B
950
#2E1011

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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