#BA3412

#BA3412

Color Values

HEX

#BA3412

RGB

186, 52, 18

HSL

12.1, 82.4%, 40.0%

HSV

12.1, 90.3%, 72.9%

CMYK

0.0%, 72.0%, 90.3%, 27.1%

OKLCH

0.5257 0.1759 34.4

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#BA3412

#1298BA

Analogous

#BA1244

#BA8812

#BA3412

Triadic

#BA3412

#12BA34

#3412BA

Split Complementary

#BA3412

#12BA88

#1244BA

Tetradic

#BA3412

#44BA12

#1298BA

#8812BA

Color Blindness Simulation

Original

#BA3412

Protanopia

#807F1A

Deuteranopia

#88921C

Tritanopia

#B32122

Achromatopsia

#4E4E4E

CSS Usage

background-color: #BA3412;
color: #BA3412;
border-color: #BA3412;
Nearest Tailwind: Orange 700 #C2410C

Tailwind Shades

50
#FDF4F2
100
#FAE6E1
200
#F9CABE
300
#F4A48F
400
#EE7253
500
#E94116
600
#BA3412
700
#95290E
800
#74200B
900
#541B0D
950
#351108

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

3.59:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026