#AFB057

#AFB057

Color Values

HEX

#AFB057

RGB

175, 176, 87

HSL

60.7, 36.0%, 51.6%

HSV

60.7, 50.6%, 69.0%

CMYK

0.6%, 0.0%, 50.6%, 31.0%

OKLCH

0.7375 0.1125 109.4

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#AFB057

#5857B0

Analogous

#B08557

#83B057

#AFB057

Triadic

#AFB057

#57AFB0

#B057AF

Split Complementary

#AFB057

#5783B0

#8557B0

Tetradic

#AFB057

#57B085

#5857B0

#B05783

Color Blindness Simulation

Original

#AFB057

Protanopia

#AFAF6D

Deuteranopia

#AFAF72

Tritanopia

#AF7E81

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E8
200
#E8E8CE
300
#D7D8AC
400
#C2C37F
500
#ACAD52
600
#8A8B41
700
#6E6F34
800
#565729
900
#404021
950
#282915

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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