#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026