#AFB777

#AFB777

Color Values

HEX

#AFB777

RGB

175, 183, 119

HSL

67.5, 30.8%, 59.2%

HSV

67.5, 35.0%, 71.8%

CMYK

4.4%, 0.0%, 35.0%, 28.2%

OKLCH

0.7578 0.0858 114.3

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#AFB777

#7F77B7

Analogous

#B79F77

#8FB777

#AFB777

Triadic

#AFB777

#77AFB7

#B777AF

Split Complementary

#AFB777

#778FB7

#9F77B7

Tetradic

#AFB777

#77B79F

#7F77B7

#B7778F

Color Blindness Simulation

Original

#AFB777

Protanopia

#B2B386

Deuteranopia

#B2B18A

Tritanopia

#AF9395

Achromatopsia

#B1B1B1

CSS Usage

background-color: #AFB777;
color: #AFB777;
border-color: #AFB777;
Nearest Tailwind: Yellow 100 #FEF9C3

Tailwind Shades

50
#F9F9F5
100
#F1F2E8
200
#E4E6D0
300
#D0D5AF
400
#B6BE84
500
#9DA758
600
#7E8547
700
#646B38
800
#4E532C
900
#3B3E23
950
#252716

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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