#B4A577

#B4A577

Color Values

HEX

#B4A577

RGB

180, 165, 119

HSL

45.2, 28.9%, 58.6%

HSV

45.2, 33.9%, 70.6%

CMYK

0.0%, 8.3%, 33.9%, 29.4%

OKLCH

0.7235 0.0646 92.1

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#B4A577

#7786B4

Analogous

#B48677

#A4B477

#B4A577

Triadic

#B4A577

#77B4A5

#A577B4

Split Complementary

#B4A577

#77A4B4

#8677B4

Tetradic

#B4A577

#77B486

#7786B4

#B477A4

Color Blindness Simulation

Original

#B4A577

Protanopia

#AEAD82

Deuteranopia

#AEB085

Tritanopia

#B38B8D

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F9F8F5
100
#F2EFE9
200
#E6E1D1
300
#D3CBB0
400
#BCAE85
500
#A4925B
600
#837549
700
#695E3A
800
#52492D
900
#3D3724
950
#272317

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.59: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