#AFB058

#AFB058

Color Values

HEX

#AFB058

RGB

175, 176, 88

HSL

60.7, 35.8%, 51.8%

HSV

60.7, 50.0%, 69.0%

CMYK

0.6%, 0.0%, 50.0%, 31.0%

OKLCH

0.7377 0.1115 109.4

Properties

Cool Light Nearest: Olive Green

Color Harmonies

Complementary

#AFB058

#5958B0

Analogous

#B08558

#83B058

#AFB058

Triadic

#AFB058

#58AFB0

#B058AF

Split Complementary

#AFB058

#5883B0

#8558B0

Tetradic

#AFB058

#58B085

#5958B0

#B05883

Color Blindness Simulation

Original

#AFB058

Protanopia

#AFAF6D

Deuteranopia

#AFAF72

Tritanopia

#AF7E82

Achromatopsia

#A9A9A9

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F2F3E8
200
#E8E8CF
300
#D7D8AC
400
#C2C27F
500
#ACAD52
600
#8A8B41
700
#6E6F34
800
#565729
900
#404021
950
#282815

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