#B44C18

#B44C18

Color Values

HEX

#B44C18

RGB

180, 76, 24

HSL

20.0, 76.5%, 40.0%

HSV

20.0, 86.7%, 70.6%

CMYK

0.0%, 57.8%, 86.7%, 29.4%

OKLCH

0.5455 0.1484 43.1

Properties

Warm Dark Nearest: RAL 2013 Pearl Orange

Color Harmonies

Complementary

#B44C18

#1880B4

Analogous

#B41832

#B49A18

#B44C18

Triadic

#B44C18

#18B44C

#4C18B4

Split Complementary

#B44C18

#18B49A

#1832B4

Tetradic

#B44C18

#32B418

#1880B4

#9A18B4

Color Blindness Simulation

Original

#B44C18

Protanopia

#878625

Deuteranopia

#8D9528

Tritanopia

#AF2F31

Achromatopsia

#5E5E5E

CSS Usage

background-color: #B44C18;
color: #B44C18;
border-color: #B44C18;
Nearest Tailwind: Amber 700 #B45309

Tailwind Shades

50
#FCF6F2
100
#F9E9E2
200
#F7D2C0
300
#F1B293
400
#E98958
500
#E15F1E
600
#B44C18
700
#903D13
800
#712F0F
900
#52250F
950
#34180A

Contrast Checker

Text on white

5.27:1

AA Pass AAA Fail

Text on black

3.99:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026