#AFA050

#AFA050

Color Values

HEX

#AFA050

RGB

175, 160, 80

HSL

50.5, 37.3%, 50.0%

HSV

50.5, 54.3%, 68.6%

CMYK

0.0%, 8.6%, 54.3%, 31.4%

OKLCH

0.7019 0.1027 98.9

Properties

Warm Light Nearest: RAL 1024 Ochre Yellow

Color Harmonies

Complementary

#AFA050

#505FAF

Analogous

#AF7050

#8FAF50

#AFA050

Triadic

#AFA050

#50AFA0

#A050AF

Split Complementary

#AFA050

#508FAF

#7050AF

Tetradic

#AFA050

#50AF70

#505FAF

#AF508F

Color Blindness Simulation

Original

#AFA050

Protanopia

#A9A863

Deuteranopia

#A9AA68

Tritanopia

#AE7376

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F1E7
200
#E9E4CE
300
#D9D1AB
400
#C4B97D
500
#AFA050
600
#8C8040
700
#706633
800
#585028
900
#413C20
950
#292614

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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