#BA3A12

#BA3A12

Color Values

HEX

#BA3A12

RGB

186, 58, 18

HSL

14.3, 82.4%, 40.0%

HSV

14.3, 90.3%, 72.9%

CMYK

0.0%, 68.8%, 90.3%, 27.1%

OKLCH

0.5321 0.171 36.1

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#BA3A12

#1292BA

Analogous

#BA123E

#BA8E12

#BA3A12

Triadic

#BA3A12

#12BA3A

#3A12BA

Split Complementary

#BA3A12

#12BA8E

#123EBA

Tetradic

#BA3A12

#3EBA12

#1292BA

#8E12BA

Color Blindness Simulation

Original

#BA3A12

Protanopia

#83811C

Deuteranopia

#8A941E

Tritanopia

#B42325

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE7E1
200
#F9CCBE
300
#F4A78F
400
#EE7853
500
#E94916
600
#BA3A12
700
#952E0E
800
#74240B
900
#541E0D
950
#351308

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

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