#BA2213

#BA2213

Color Values

HEX

#BA2213

RGB

186, 34, 19

HSL

5.4, 81.5%, 40.2%

HSV

5.4, 89.8%, 72.9%

CMYK

0.0%, 81.7%, 89.8%, 27.1%

OKLCH

0.5105 0.1888 30.2

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA2213

#13ABBA

Analogous

#BA1357

#BA7613

#BA2213

Triadic

#BA2213

#13BA22

#2213BA

Split Complementary

#BA2213

#13BA76

#1357BA

Tetradic

#BA2213

#57BA13

#13ABBA

#7613BA

Color Blindness Simulation

Original

#BA2213

Protanopia

#787717

Deuteranopia

#818C18

Tritanopia

#B2191A

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F8C3BE
300
#F49990
400
#EE6254
500
#E72A18
600
#B92213
700
#941B0F
800
#74150C
900
#54130D
950
#350C08

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

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