#B48541

#B48541

Color Values

HEX

#B48541

RGB

180, 133, 65

HSL

35.5, 46.9%, 48.0%

HSV

35.5, 63.9%, 70.6%

CMYK

0.0%, 26.1%, 63.9%, 29.4%

OKLCH

0.6492 0.1028 74.3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#B48541

#4170B4

Analogous

#B44C41

#A9B441

#B48541

Triadic

#B48541

#41B485

#8541B4

Split Complementary

#B48541

#41A9B4

#4C41B4

Tetradic

#B48541

#41B44C

#4170B4

#B441A9

Color Blindness Simulation

Original

#B48541

Protanopia

#A09F51

Deuteranopia

#A2A655

Tritanopia

#B25E61

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#ECDECB
300
#DFC7A5
400
#CDA974
500
#BB8A44
600
#966F36
700
#78592B
800
#5E4522
900
#45341C
950
#2C2112

Contrast Checker

Text on white

3.3:1

AA Fail AAA Fail

Text on black

6.37:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026