#B4B477

#B4B477

Color Values

HEX

#B4B477

RGB

180, 180, 119

HSL

60.0, 28.9%, 58.6%

HSV

60.0, 33.9%, 70.6%

CMYK

0.0%, 0.0%, 33.9%, 29.4%

OKLCH

0.7554 0.0811 108.2

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B4B477

#7777B4

Analogous

#B49577

#95B477

#B4B477

Triadic

#B4B477

#77B4B4

#B477B4

Split Complementary

#B4B477

#7795B4

#9577B4

Tetradic

#B4B477

#77B495

#7777B4

#B47795

Color Blindness Simulation

Original

#B4B477

Protanopia

#B4B486

Deuteranopia

#B4B489

Tritanopia

#B49194

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F2E9
200
#E6E6D1
300
#D3D3B0
400
#BCBC85
500
#A4A45B
600
#838349
700
#69693A
800
#52522D
900
#3D3D24
950
#272717

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.74:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026