#BA2012

#BA2012

Color Values

HEX

#BA2012

RGB

186, 32, 18

HSL

5.0, 82.4%, 40.0%

HSV

5.0, 90.3%, 72.9%

CMYK

0.0%, 82.8%, 90.3%, 27.1%

OKLCH

0.5091 0.1901 30.1

Properties

Warm Dark Nearest: RAL 2002 Vermilion

Color Harmonies

Complementary

#BA2012

#12ACBA

Analogous

#BA1258

#BA7412

#BA2012

Triadic

#BA2012

#12BA20

#2012BA

Split Complementary

#BA2012

#12BA74

#1258BA

Tetradic

#BA2012

#58BA12

#12ACBA

#7412BA

Color Blindness Simulation

Original

#BA2012

Protanopia

#777615

Deuteranopia

#808C16

Tritanopia

#B21819

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C3BE
300
#F4988F
400
#EE6053
500
#E92816
600
#BA2012
700
#951A0E
800
#74140B
900
#54130D
950
#350C08

Contrast Checker

Text on white

6.36:1

AA Pass AAA Fail

Text on black

3.3:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026