#B4A477

#B4A477

Color Values

HEX

#B4A477

RGB

180, 164, 119

HSL

44.3, 28.9%, 58.6%

HSV

44.3, 33.9%, 70.6%

CMYK

0.0%, 8.9%, 33.9%, 29.4%

OKLCH

0.7214 0.0637 90.8

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#B4A477

#7787B4

Analogous

#B48577

#A5B477

#B4A477

Triadic

#B4A477

#77B4A4

#A477B4

Split Complementary

#B4A477

#77A5B4

#8577B4

Tetradic

#B4A477

#77B485

#7787B4

#B477A5

Color Blindness Simulation

Original

#B4A477

Protanopia

#ADAD82

Deuteranopia

#AEAF84

Tritanopia

#B38A8C

Achromatopsia

#A4A4A4

CSS Usage

background-color: #B4A477;
color: #B4A477;
border-color: #B4A477;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6E0D1
300
#D3CAB0
400
#BCAE85
500
#A4915B
600
#837449
700
#695D3A
800
#52492D
900
#3D3624
950
#272217

Contrast Checker

Text on white

2.47:1

AA Fail AAA Fail

Text on black

8.52:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026