#B4B757

#B4B757

Color Values

HEX

#B4B757

RGB

180, 183, 87

HSL

61.9, 40.0%, 52.9%

HSV

61.9, 52.5%, 71.8%

CMYK

1.6%, 0.0%, 52.5%, 28.2%

OKLCH

0.7571 0.1198 110.6

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#B4B757

#5A57B7

Analogous

#B78A57

#84B757

#B4B757

Triadic

#B4B757

#57B4B7

#B757B4

Split Complementary

#B4B757

#5784B7

#8A57B7

Tetradic

#B4B757

#57B78A

#5A57B7

#B75784

Color Blindness Simulation

Original

#B4B757

Protanopia

#B5B56E

Deuteranopia

#B5B574

Tritanopia

#B48185

Achromatopsia

#AFAFAF

CSS Usage

background-color: #B4B757;
color: #B4B757;
border-color: #B4B757;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF5
100
#F3F3E7
200
#E9EACD
300
#D9DAA9
400
#C4C67B
500
#AFB24C
600
#8C8F3D
700
#707231
800
#585926
900
#41421F
950
#292A14

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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