#AFB76E

#AFB76E

Color Values

HEX

#AFB76E

RGB

175, 183, 110

HSL

66.6, 33.6%, 57.5%

HSV

66.6, 39.9%, 71.8%

CMYK

4.4%, 0.0%, 39.9%, 28.2%

OKLCH

0.7563 0.0963 113.8

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#AFB76E

#766EB7

Analogous

#B79B6E

#8BB76E

#AFB76E

Triadic

#AFB76E

#6EAFB7

#B76EAF

Split Complementary

#AFB76E

#6E8BB7

#9B6EB7

Tetradic

#AFB76E

#6EB79B

#766EB7

#B76E8B

Color Blindness Simulation

Original

#AFB76E

Protanopia

#B2B380

Deuteranopia

#B2B184

Tritanopia

#AF8E91

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F9FAF5
100
#F1F2E8
200
#E5E7CF
300
#D2D6AD
400
#B9C081
500
#A1AA55
600
#818844
700
#676D36
800
#50552A
900
#3C3F22
950
#262815

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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