#BA2912

#BA2912

Color Values

HEX

#BA2912

RGB

186, 41, 18

HSL

8.2, 82.4%, 40.0%

HSV

8.2, 90.3%, 72.9%

CMYK

0.0%, 78.0%, 90.3%, 27.1%

OKLCH

0.5157 0.1843 31.7

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#BA2912

#12A3BA

Analogous

#BA124F

#BA7D12

#BA2912

Triadic

#BA2912

#12BA29

#2912BA

Split Complementary

#BA2912

#12BA7D

#124FBA

Tetradic

#BA2912

#4FBA12

#12A3BA

#7D12BA

Color Blindness Simulation

Original

#BA2912

Protanopia

#7B7A18

Deuteranopia

#848E19

Tritanopia

#B31C1D

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E1
200
#F9C6BE
300
#F49D8F
400
#EE6853
500
#E93316
600
#BA2912
700
#95210E
800
#741A0B
900
#54160D
950
#350E08

Contrast Checker

Text on white

6.15:1

AA Pass AAA Fail

Text on black

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