#AFAF99

#AFAF99

Color Values

HEX

#AFAF99

RGB

175, 175, 153

HSL

60.0, 12.1%, 64.3%

HSV

60.0, 12.6%, 68.6%

CMYK

0.0%, 0.0%, 12.6%, 31.4%

OKLCH

0.7479 0.0306 107.1

Properties

Warm Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#AFAF99

#9999AF

Analogous

#AFA499

#A4AF99

#AFAF99

Triadic

#AFAF99

#99AFAF

#AF99AF

Split Complementary

#AFAF99

#99A4AF

#A499AF

Tetradic

#AFAF99

#99AFA4

#9999AF

#AF99A4

Color Blindness Simulation

Original

#AFAF99

Protanopia

#AFAF9E

Deuteranopia

#AFAFA0

Tritanopia

#AFA3A3

Achromatopsia

#ADADAD

CSS Usage

background-color: #AFAF99;
color: #AFAF99;
border-color: #AFAF99;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F8F7
100
#EFEFEB
200
#E0E0D7
300
#C9C9BA
400
#ACAC95
500
#8F8F70
600
#72725A
700
#5B5B48
800
#474738
900
#36362B
950
#22221B

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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