#AFAF69

#AFAF69

Color Values

HEX

#AFAF69

RGB

175, 175, 105

HSL

60.0, 30.4%, 54.9%

HSV

60.0, 40.0%, 68.6%

CMYK

0.0%, 0.0%, 40.0%, 31.4%

OKLCH

0.738 0.0919 108.5

Properties

Warm Light Nearest: Olive Green

Color Harmonies

Complementary

#AFAF69

#6969AF

Analogous

#AF8C69

#8CAF69

#AFAF69

Triadic

#AFAF69

#69AFAF

#AF69AF

Split Complementary

#AFAF69

#698CAF

#8C69AF

Tetradic

#AFAF69

#69AF8C

#6969AF

#AF698C

Color Blindness Simulation

Original

#AFAF69

Protanopia

#AFAF7A

Deuteranopia

#AFAF7E

Tritanopia

#AF878A

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F2E9
200
#E6E6D0
300
#D4D4AF
400
#BDBD84
500
#A6A659
600
#858547
700
#6A6A39
800
#53532C
900
#3E3E23
950
#272716

Contrast Checker

Text on white

2.29:1

AA Fail AAA Fail

Text on black

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