#B0AF77

#B0AF77

Color Values

HEX

#B0AF77

RGB

176, 175, 119

HSL

58.9, 26.5%, 57.8%

HSV

58.9, 32.4%, 69.0%

CMYK

0.0%, 0.6%, 32.4%, 31.0%

OKLCH

0.7413 0.0751 107.2

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#B0AF77

#7778B0

Analogous

#B09277

#94B077

#B0AF77

Triadic

#B0AF77

#77B0AF

#AF77B0

Split Complementary

#B0AF77

#7794B0

#9277B0

Tetradic

#B0AF77

#77B092

#7778B0

#B07794

Color Blindness Simulation

Original

#B0AF77

Protanopia

#B0B085

Deuteranopia

#B0B088

Tritanopia

#B08F92

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E4D2
300
#D2D1B2
400
#BAB988
500
#A1A05E
600
#81804B
700
#67663C
800
#51502F
900
#3C3C25
950
#262617

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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