#B58417

#B58417

Color Values

HEX

#B58417

RGB

181, 132, 23

HSL

41.4, 77.5%, 40.0%

HSV

41.4, 87.3%, 71.0%

CMYK

0.0%, 27.1%, 87.3%, 29.0%

OKLCH

0.645 0.1273 80.9

Properties

Warm Light Nearest: darkgoldenrod

Color Harmonies

Complementary

#B58417

#1748B5

Analogous

#B53517

#97B517

#B58417

Triadic

#B58417

#17B584

#8417B5

Split Complementary

#B58417

#1797B5

#3517B5

Tetradic

#B58417

#17B535

#1748B5

#B51797

Color Blindness Simulation

Original

#B58417

Protanopia

#A09F31

Deuteranopia

#A3A638

Tritanopia

#B3464B

Achromatopsia

#878787

CSS Usage

background-color: #B58417;
color: #B58417;
border-color: #B58417;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF9F2
100
#F9F2E1
200
#F7E6C0
300
#F1D492
400
#EABC58
500
#E2A51D
600
#B58417
700
#916A12
800
#71530E
900
#523D0F
950
#342709

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026