#AFAA62

#AFAA62

Color Values

HEX

#AFAA62

RGB

175, 170, 98

HSL

56.1, 32.5%, 53.5%

HSV

56.1, 44.0%, 68.6%

CMYK

0.0%, 2.9%, 44.0%, 31.4%

OKLCH

0.726 0.094 105.0

Properties

Warm Light Nearest: darkkhaki

Color Harmonies

Complementary

#AFAA62

#6267AF

Analogous

#AF8362

#8DAF62

#AFAA62

Triadic

#AFAA62

#62AFAA

#AA62AF

Split Complementary

#AFAA62

#628DAF

#8362AF

Tetradic

#AFAA62

#62AF83

#6267AF

#AF628D

Color Blindness Simulation

Original

#AFAA62

Protanopia

#ADAD73

Deuteranopia

#ADAE78

Tritanopia

#AF8184

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F1E8
200
#E7E5D0
300
#D6D3AE
400
#BFBB82
500
#A9A456
600
#878345
700
#6C6937
800
#54522B
900
#3F3D22
950
#282616

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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