#AFAD24

#AFAD24

Color Values

HEX

#AFAD24

RGB

175, 173, 36

HSL

59.1, 65.9%, 41.4%

HSV

59.1, 79.4%, 68.6%

CMYK

0.0%, 1.1%, 79.4%, 31.4%

OKLCH

0.7265 0.1474 108.7

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AFAD24

#2426AF

Analogous

#AF6724

#6CAF24

#AFAD24

Triadic

#AFAD24

#24AFAD

#AD24AF

Split Complementary

#AFAD24

#246CAF

#6724AF

Tetradic

#AFAD24

#24AF67

#2426AF

#AF246C

Color Blindness Simulation

Original

#AFAD24

Protanopia

#AEAE45

Deuteranopia

#AEAE4D

Tritanopia

#AF5F65

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F2C4
300
#EAE999
400
#DFDD62
500
#D4D12B
600
#A9A723
700
#87861C
800
#6A6916
900
#4D4C14
950
#31300C

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026