#BC4542

#BC4542

Color Values

HEX

#BC4542

RGB

188, 69, 66

HSL

1.5, 48.0%, 49.8%

HSV

1.5, 64.9%, 73.7%

CMYK

0.0%, 63.3%, 64.9%, 26.3%

OKLCH

0.5537 0.1543 25.0

Properties

Warm Dark Nearest: Mahogany

Color Harmonies

Complementary

#BC4542

#42B9BC

Analogous

#BC427C

#BC8242

#BC4542

Triadic

#BC4542

#42BC45

#4542BC

Split Complementary

#BC4542

#42BC82

#427CBC

Tetradic

#BC4542

#7CBC42

#42B9BC

#8242BC

Color Blindness Simulation

Original

#BC4542

Protanopia

#888743

Deuteranopia

#8F9843

Tritanopia

#B64343

Achromatopsia

#5E5E5E

CSS Usage

background-color: #BC4542;
color: #BC4542;
border-color: #BC4542;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCBCA
300
#DFA6A4
400
#CE7673
500
#BD4542
600
#973735
700
#792C2A
800
#5E2321
900
#451D1C
950
#2C1211

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026