#AFAA31

#AFAA31

Color Values

HEX

#AFAA31

RGB

175, 170, 49

HSL

57.6, 56.2%, 43.9%

HSV

57.6, 72.0%, 68.6%

CMYK

0.0%, 2.9%, 72.0%, 31.4%

OKLCH

0.7206 0.1375 107.0

Properties

Warm Light Nearest: RAL 1012 Lemon Yellow

Color Harmonies

Complementary

#AFAA31

#3136AF

Analogous

#AF6B31

#75AF31

#AFAA31

Triadic

#AFAA31

#31AFAA

#AA31AF

Split Complementary

#AFAA31

#3175AF

#6B31AF

Tetradic

#AFAA31

#31AF6B

#3136AF

#AF3175

Color Blindness Simulation

Original

#AFAA31

Protanopia

#ADAD4E

Deuteranopia

#ADAE55

Tritanopia

#AF656A

Achromatopsia

#A2A2A2

CSS Usage

background-color: #AFAA31;
color: #AFAA31;
border-color: #AFAA31;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF4
100
#F6F5E5
200
#EFEEC7
300
#E4E19F
400
#D6D16C
500
#C7C138
600
#9F9B2D
700
#7F7C24
800
#64611C
900
#494718
950
#2E2D0F

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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