#BA4712

#BA4712

Color Values

HEX

#BA4712

RGB

186, 71, 18

HSL

18.9, 82.4%, 40.0%

HSV

18.9, 90.3%, 72.9%

CMYK

0.0%, 61.8%, 90.3%, 27.1%

OKLCH

0.5479 0.1599 40.9

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#BA4712

#1285BA

Analogous

#BA1231

#BA9B12

#BA4712

Triadic

#BA4712

#12BA47

#4712BA

Split Complementary

#BA4712

#12BA9B

#1231BA

Tetradic

#BA4712

#31BA12

#1285BA

#9B12BA

Color Blindness Simulation

Original

#BA4712

Protanopia

#88871F

Deuteranopia

#8F9822

Tritanopia

#B4292B

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#FDF5F2
100
#FAE9E1
200
#F9D0BE
300
#F4AF8F
400
#EE8453
500
#E95916
600
#BA4712
700
#95390E
800
#742C0B
900
#54230D
950
#351608

Contrast Checker

Text on white

5.25:1

AA Pass AAA Fail

Text on black

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