#BC1618

#BC1618

Color Values

HEX

#BC1618

RGB

188, 22, 24

HSL

359.3, 79.0%, 41.2%

HSV

359.3, 88.3%, 73.7%

CMYK

0.0%, 88.3%, 87.2%, 26.3%

OKLCH

0.5077 0.1965 27.7

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BC1618

#16BCBA

Analogous

#BC166B

#BC6716

#BC1618

Triadic

#BC1618

#18BC16

#1618BC

Split Complementary

#BC1618

#16BC67

#166BBC

Tetradic

#BC1618

#6BBC16

#16BCBA

#6716BC

Color Blindness Simulation

Original

#BC1618

Protanopia

#747318

Deuteranopia

#7E8A17

Tritanopia

#B41717

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF2F2
100
#F9E1E1
200
#F8BFC0
300
#F29193
400
#EB5658
500
#E41B1D
600
#B71517
700
#921113
800
#720D0F
900
#530E0F
950
#340909

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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