#BA2812

#BA2812

Color Values

HEX

#BA2812

RGB

186, 40, 18

HSL

7.9, 82.4%, 40.0%

HSV

7.9, 90.3%, 72.9%

CMYK

0.0%, 78.5%, 90.3%, 27.1%

OKLCH

0.5149 0.1849 31.5

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#BA2812

#12A4BA

Analogous

#BA1250

#BA7C12

#BA2812

Triadic

#BA2812

#12BA28

#2812BA

Split Complementary

#BA2812

#12BA7C

#1250BA

Tetradic

#BA2812

#50BA12

#12A4BA

#7C12BA

Color Blindness Simulation

Original

#BA2812

Protanopia

#7B7A17

Deuteranopia

#838E19

Tritanopia

#B31C1C

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE4E1
200
#F9C6BE
300
#F49D8F
400
#EE6753
500
#E93216
600
#BA2812
700
#95200E
800
#74190B
900
#54160D
950
#350E08

Contrast Checker

Text on white

6.18:1

AA Pass AAA Fail

Text on black

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