#B45918

#B45918

Color Values

HEX

#B45918

RGB

180, 89, 24

HSL

25.0, 76.5%, 40.0%

HSV

25.0, 86.7%, 70.6%

CMYK

0.0%, 50.6%, 86.7%, 29.4%

OKLCH

0.5654 0.1382 50.2

Properties

Warm Dark Nearest: chocolate 3

Color Harmonies

Complementary

#B45918

#1873B4

Analogous

#B41825

#B4A718

#B45918

Triadic

#B45918

#18B459

#5918B4

Split Complementary

#B45918

#18B4A7

#1825B4

Tetradic

#B45918

#25B418

#1873B4

#A718B4

Color Blindness Simulation

Original

#B45918

Protanopia

#8D8C28

Deuteranopia

#92992C

Tritanopia

#AF3437

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EBE2
200
#F7D7C0
300
#F1BA93
400
#E99558
500
#E16F1E
600
#B45918
700
#904713
800
#71380F
900
#522B0F
950
#341B0A

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

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