#B57517

#B57517

Color Values

HEX

#B57517

RGB

181, 117, 23

HSL

35.7, 77.5%, 40.0%

HSV

35.7, 87.3%, 71.0%

CMYK

0.0%, 35.4%, 87.3%, 29.0%

OKLCH

0.6159 0.1269 69.6

Properties

Warm Light Nearest: NCS S 1060-Y60R Amber

Color Harmonies

Complementary

#B57517

#1757B5

Analogous

#B52617

#A6B517

#B57517

Triadic

#B57517

#17B575

#7517B5

Split Complementary

#B57517

#17A6B5

#2617B5

Tetradic

#B57517

#17B526

#1757B5

#B517A6

Color Blindness Simulation

Original

#B57517

Protanopia

#99992E

Deuteranopia

#9DA233

Tritanopia

#B24044

Achromatopsia

#7C7C7C

CSS Usage

background-color: #B57517;
color: #B57517;
border-color: #B57517;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF8F2
100
#F9EFE1
200
#F7E1C0
300
#F1CB92
400
#EAAF58
500
#E2921D
600
#B57517
700
#915E12
800
#71490E
900
#52370F
950
#342309

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

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