#BA3012

#BA3012

Color Values

HEX

#BA3012

RGB

186, 48, 18

HSL

10.7, 82.4%, 40.0%

HSV

10.7, 90.3%, 72.9%

CMYK

0.0%, 74.2%, 90.3%, 27.1%

OKLCH

0.5218 0.1791 33.3

Properties

Warm Dark Nearest: RAL 2001 Red Orange

Color Harmonies

Complementary

#BA3012

#129CBA

Analogous

#BA1248

#BA8412

#BA3012

Triadic

#BA3012

#12BA30

#3012BA

Split Complementary

#BA3012

#12BA84

#1248BA

Tetradic

#BA3012

#48BA12

#129CBA

#8412BA

Color Blindness Simulation

Original

#BA3012

Protanopia

#7E7D19

Deuteranopia

#86911B

Tritanopia

#B31F20

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FDF4F2
100
#FAE5E1
200
#F9C8BE
300
#F4A18F
400
#EE6F53
500
#E93C16
600
#BA3012
700
#95260E
800
#741E0B
900
#54190D
950
#351008

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

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