#AFAF05

#AFAF05

Color Values

HEX

#AFAF05

RGB

175, 175, 5

HSL

60.0, 94.4%, 35.3%

HSV

60.0, 97.1%, 68.6%

CMYK

0.0%, 0.0%, 97.1%, 31.4%

OKLCH

0.73 0.1582 109.8

Properties

Warm Light Nearest: yellow 3

Color Harmonies

Complementary

#AFAF05

#0505AF

Analogous

#AF5A05

#5AAF05

#AFAF05

Triadic

#AFAF05

#05AFAF

#AF05AF

Split Complementary

#AFAF05

#055AAF

#5A05AF

Tetradic

#AFAF05

#05AF5A

#0505AF

#AF055A

Color Blindness Simulation

Original

#AFAF05

Protanopia

#AFAF2E

Deuteranopia

#AFAF38

Tritanopia

#AF4F56

Achromatopsia

#A3A3A3

CSS Usage

background-color: #AFAF05;
color: #AFAF05;
border-color: #AFAF05;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFDBA
300
#FCFC88
400
#FAFA48
500
#F8F807
600
#C6C606
700
#9F9F05
800
#7C7C04
900
#5A5A07
950
#393905

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026