#BC1216

#BC1216

Color Values

HEX

#BC1216

RGB

188, 18, 22

HSL

358.6, 82.5%, 40.4%

HSV

358.6, 90.4%, 73.7%

CMYK

0.0%, 90.4%, 88.3%, 26.3%

OKLCH

0.5058 0.1983 27.6

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BC1216

#12BCB8

Analogous

#BC126B

#BC6312

#BC1216

Triadic

#BC1216

#16BC12

#1216BC

Split Complementary

#BC1216

#12BC63

#126BBC

Tetradic

#BC1216

#6BBC12

#12BCB8

#6312BC

Color Blindness Simulation

Original

#BC1216

Protanopia

#727115

Deuteranopia

#7C8915

Tritanopia

#B41414

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E1
200
#F9BEBF
300
#F48F92
400
#EE5356
500
#E9161B
600
#BA1216
700
#950E11
800
#740B0E
900
#540C0E
950
#350809

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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