#BC301F

#BC301F

Color Values

HEX

#BC301F

RGB

188, 48, 31

HSL

6.5, 71.7%, 42.9%

HSV

6.5, 83.5%, 73.7%

CMYK

0.0%, 74.5%, 83.5%, 26.3%

OKLCH

0.5263 0.1794 30.6

Properties

Warm Dark Nearest: RAL 3016 Coral Red

Color Harmonies

Complementary

#BC301F

#1FABBC

Analogous

#BC1F5C

#BC7E1F

#BC301F

Triadic

#BC301F

#1FBC30

#301FBC

Split Complementary

#BC301F

#1FBC7E

#1F5CBC

Tetradic

#BC301F

#5CBC1F

#1FABBC

#7E1FBC

Color Blindness Simulation

Original

#BC301F

Protanopia

#7F7E23

Deuteranopia

#889224

Tritanopia

#B52627

Achromatopsia

#4D4D4D

CSS Usage

background-color: #BC301F;
color: #BC301F;
border-color: #BC301F;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF4F3
100
#F8E5E2
200
#F5C7C2
300
#EE9F96
400
#E46C5D
500
#DB3824
600
#AF2D1D
700
#8C2417
800
#6D1C12
900
#501811
950
#320F0B

Contrast Checker

Text on white

5.86:1

AA Pass AAA Fail

Text on black

3.58:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026