#AFAD09

#AFAD09

Color Values

HEX

#AFAD09

RGB

175, 173, 9

HSL

59.3, 90.2%, 36.1%

HSV

59.3, 94.9%, 68.6%

CMYK

0.0%, 1.1%, 94.9%, 31.4%

OKLCH

0.7256 0.1557 108.9

Properties

Warm Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#AFAD09

#090BAF

Analogous

#AF5A09

#5EAF09

#AFAD09

Triadic

#AFAD09

#09AFAD

#AD09AF

Split Complementary

#AFAD09

#095EAF

#5A09AF

Tetradic

#AFAD09

#09AF5A

#090BAF

#AF095E

Color Blindness Simulation

Original

#AFAD09

Protanopia

#AEAE31

Deuteranopia

#AEAE3A

Tritanopia

#AF5057

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FCFBBB
300
#F9F88B
400
#F6F44C
500
#F3F00C
600
#C2C00A
700
#9B9908
800
#797806
900
#585709
950
#373706

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026