#BC4842

#BC4842

Color Values

HEX

#BC4842

RGB

188, 72, 66

HSL

3.0, 48.0%, 49.8%

HSV

3.0, 64.9%, 73.7%

CMYK

0.0%, 61.7%, 64.9%, 26.3%

OKLCH

0.5575 0.1511 26.1

Properties

Warm Dark Nearest: RAL 3033 Pearl Pink

Color Harmonies

Complementary

#BC4842

#42B6BC

Analogous

#BC4279

#BC8542

#BC4842

Triadic

#BC4842

#42BC48

#4842BC

Split Complementary

#BC4842

#42BC85

#4279BC

Tetradic

#BC4842

#79BC42

#42B6BC

#8542BC

Color Blindness Simulation

Original

#BC4842

Protanopia

#8A8943

Deuteranopia

#909944

Tritanopia

#B64545

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCA
300
#DFA7A4
400
#CE7873
500
#BD4842
600
#973A35
700
#792E2A
800
#5E2421
900
#451E1C
950
#2C1311

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

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