#B58741

#B58741

Color Values

HEX

#B58741

RGB

181, 135, 65

HSL

36,2, 47,2%, 48,2%

HSV

36,2, 64,1%, 71,0%

CMYK

0,0%, 25,4%, 64,1%, 29,0%

OKLCH

0,6543 0,1038 75,6

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B58741

#416FB5

Analogous

#B54D41

#A9B541

#B58741

Triadic

#B58741

#41B587

#8741B5

Split Complementary

#B58741

#41A9B5

#4D41B5

Tetradic

#B58741

#41B54D

#416FB5

#B541A9

Color Blindness Simulation

Original

#B58741

Protanopia

#A1A152

Deuteranopia

#A4A756

Tritanopia

#B35F62

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#ECDFCA
300
#DFC8A5
400
#CDAA74
500
#BC8C43
600
#967036
700
#785A2B
800
#5E4622
900
#45351C
950
#2C2112

Contrast Checker

Text on white

3,23:1

AA Fail AAA Fail

Text on black

6,51:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026