#BC2212

#BC2212

Color Values

HEX

#BC2212

RGB

188, 34, 18

HSL

5.6, 82.5%, 40.4%

HSV

5.6, 90.4%, 73.7%

CMYK

0.0%, 81.9%, 90.4%, 26.3%

OKLCH

0.5142 0.1907 30.4

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BC2212

#12ACBC

Analogous

#BC1257

#BC7712

#BC2212

Triadic

#BC2212

#12BC22

#2212BC

Split Complementary

#BC2212

#12BC77

#1257BC

Tetradic

#BC2212

#57BC12

#12ACBC

#7712BC

Color Blindness Simulation

Original

#BC2212

Protanopia

#797816

Deuteranopia

#828E17

Tritanopia

#B4191A

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C3BE
300
#F4998F
400
#EE6153
500
#E92A16
600
#BA2212
700
#951B0E
800
#74150B
900
#54130C
950
#350C08

Contrast Checker

Text on white

6.22:1

AA Pass AAA Fail

Text on black

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