#AFA660

#AFA660

Color Values

HEX

#AFA660

RGB

175, 166, 96

HSL

53.2, 33.1%, 53.1%

HSV

53.2, 45.1%, 68.6%

CMYK

0.0%, 5.1%, 45.1%, 31.4%

OKLCH

0.7171 0.0918 102.0

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#AFA660

#6069AF

Analogous

#AF7E60

#90AF60

#AFA660

Triadic

#AFA660

#60AFA6

#A660AF

Split Complementary

#AFA660

#6090AF

#7E60AF

Tetradic

#AFA660

#60AF7E

#6069AF

#AF6090

Color Blindness Simulation

Original

#AFA660

Protanopia

#ABAB71

Deuteranopia

#ACAC75

Tritanopia

#AF7E81

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F2F1E8
200
#E7E4CF
300
#D6D1AE
400
#C0B981
500
#AAA055
600
#888044
700
#6D6637
800
#55502B
900
#3F3C22
950
#282615

Contrast Checker

Text on white

2.49:1

AA Fail AAA Fail

Text on black

8.45:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026