#B47521

#B47521

Color Values

HEX

#B47521

RGB

180, 117, 33

HSL

34.3, 69.0%, 41.8%

HSV

34.3, 81.7%, 70.6%

CMYK

0.0%, 35.0%, 81.7%, 29.4%

OKLCH

0.6152 0.1224 68.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B47521

#2160B4

Analogous

#B42C21

#AAB421

#B47521

Triadic

#B47521

#21B475

#7521B4

Split Complementary

#B47521

#21AAB4

#2C21B4

Tetradic

#B47521

#21B42C

#2160B4

#B421AA

Color Blindness Simulation

Original

#B47521

Protanopia

#999835

Deuteranopia

#9CA13A

Tritanopia

#B14549

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EFE3
200
#F4DFC3
300
#ECC898
400
#E2AA60
500
#D78C28
600
#AC7020
700
#8A5A19
800
#6C4614
900
#4F3512
950
#32210C

Contrast Checker

Text on white

3.81:1

AA Fail AAA Fail

Text on black

5.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