#BC221E

#BC221E

Color Values

HEX

#BC221E

RGB

188, 34, 30

HSL

1.5, 72.5%, 42.7%

HSV

1.5, 84.0%, 73.7%

CMYK

0.0%, 81.9%, 84.0%, 26.3%

OKLCH

0.515 0.1895 28.0

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BC221E

#1EB8BC

Analogous

#BC1E69

#BC711E

#BC221E

Triadic

#BC221E

#1EBC22

#221EBC

Split Complementary

#BC221E

#1EBC71

#1E69BC

Tetradic

#BC221E

#69BC1E

#1EB8BC

#711EBC

Color Blindness Simulation

Original

#BC221E

Protanopia

#79781F

Deuteranopia

#828E1F

Tritanopia

#B42020

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FCF3F3
100
#F8E3E2
200
#F5C3C1
300
#EE9895
400
#E5605C
500
#DC2823
600
#B0201C
700
#8D1916
800
#6E1412
900
#501211
950
#330C0B

Contrast Checker

Text on white

6.2:1

AA Pass AAA Fail

Text on black

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