#BC3F33

#BC3F33

Color Values

HEX

#BC3F33

RGB

188, 63, 51

HSL

5.3, 57.3%, 46.9%

HSV

5.3, 72.9%, 73.7%

CMYK

0.0%, 66.5%, 72.9%, 26.3%

OKLCH

0.5442 0.1629 29.0

Properties

Warm Dark Nearest: tomato 3

Color Harmonies

Complementary

#BC3F33

#33B0BC

Analogous

#BC336B

#BC8433

#BC3F33

Triadic

#BC3F33

#33BC3F

#3F33BC

Split Complementary

#BC3F33

#33BC84

#336BBC

Tetradic

#BC3F33

#6BBC33

#33B0BC

#8433BC

Color Blindness Simulation

Original

#BC3F33

Protanopia

#868536

Deuteranopia

#8D9637

Tritanopia

#B63839

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E6E4
200
#F0CAC7
300
#E5A59F
400
#D7746B
500
#C94336
600
#A0362C
700
#802B23
800
#64221B
900
#491C17
950
#2E120F

Contrast Checker

Text on white

5.39:1

AA Pass AAA Fail

Text on black

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