#BC0E14

#BC0E14

Color Values

HEX

#BC0E14

RGB

188, 14, 20

HSL

357.9, 86.1%, 39.6%

HSV

357.9, 92.6%, 73.7%

CMYK

0.0%, 92.6%, 89.4%, 26.3%

OKLCH

0.5042 0.1999 27.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BC0E14

#0EBCB6

Analogous

#BC0E6B

#BC5F0E

#BC0E14

Triadic

#BC0E14

#14BC0E

#0E14BC

Split Complementary

#BC0E14

#0EBC5F

#0E6BBC

Tetradic

#BC0E14

#6BBC0E

#0EBCB6

#5F0EBC

Color Blindness Simulation

Original

#BC0E14

Protanopia

#716F13

Deuteranopia

#7B8812

Tritanopia

#B31111

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FABDBF
300
#F68D91
400
#F24F55
500
#ED1219
600
#BE0E14
700
#980B10
800
#77090D
900
#560B0E
950
#360709

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

3.21:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026