#B56217

#B56217

Color Values

HEX

#B56217

RGB

181, 98, 23

HSL

28.5, 77.5%, 40.0%

HSV

28.5, 87.3%, 71.0%

CMYK

0.0%, 45.9%, 87.3%, 29.0%

OKLCH

0.5817 0.1338 55.9

Properties

Warm Light Nearest: chocolate 3

Color Harmonies

Complementary

#B56217

#176AB5

Analogous

#B5171B

#B5B117

#B56217

Triadic

#B56217

#17B562

#6217B5

Split Complementary

#B56217

#17B5B1

#171BB5

Tetradic

#B56217

#1BB517

#176AB5

#B117B5

Color Blindness Simulation

Original

#B56217

Protanopia

#919029

Deuteranopia

#969C2E

Tritanopia

#B1373B

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DAC0
300
#F1BF92
400
#EA9D58
500
#E27B1D
600
#B56217
700
#914E12
800
#713D0E
900
#522F0F
950
#341E09

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

4.72:1

AA Pass 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