#BA0C11

#BA0C11

Color Values

HEX

#BA0C11

RGB

186, 12, 17

HSL

358.3, 87.9%, 38.8%

HSV

358.3, 93.5%, 72.9%

CMYK

0.0%, 93.5%, 90.9%, 27.1%

OKLCH

0.4995 0.1991 28.0

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA0C11

#0CBAB5

Analogous

#BA0C68

#BA5E0C

#BA0C11

Triadic

#BA0C11

#11BA0C

#0C11BA

Split Complementary

#BA0C11

#0CBA5E

#0C68BA

Tetradic

#BA0C11

#68BA0C

#0CBAB5

#5E0CBA

Color Blindness Simulation

Original

#BA0C11

Protanopia

#6F6D10

Deuteranopia

#79860F

Tritanopia

#B10F0F

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE0E1
200
#FBBCBE
300
#F88C8F
400
#F44E52
500
#F00F16
600
#C00C11
700
#990A0E
800
#78080B
900
#570A0C
950
#370608

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

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