#F6CD09

#F6CD09

Color Values

HEX

#F6CD09

RGB

246, 205, 9

HSL

49.6, 92.9%, 50.0%

HSV

49.6, 96.3%, 96.5%

CMYK

0.0%, 16.7%, 96.3%, 3.5%

OKLCH

0.8584 0.175 94.2

Properties

Warm Light Nearest: gold 2

Color Harmonies

Complementary

#F6CD09

#0932F6

Analogous

#F65609

#A9F609

#F6CD09

Triadic

#F6CD09

#09F6CD

#CD09F6

Split Complementary

#F6CD09

#09A9F6

#5609F6

Tetradic

#F6CD09

#09F656

#0932F6

#F609A9

Color Blindness Simulation

Original

#F6CD09

Protanopia

#E4E438

Deuteranopia

#E7EA44

Tritanopia

#F45E66

Achromatopsia

#C8C8C8

CSS Usage

background-color: #F6CD09;
color: #F6CD09;
border-color: #F6CD09;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FDFBF1
100
#FBF6DF
200
#FCF1BA
300
#FBE789
400
#F8DA49
500
#F6CD09
600
#C5A407
700
#9D8306
800
#7B6605
900
#594B08
950
#382F05

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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