#F9C306

#F9C306

Color Values

HEX

#F9C306

RGB

249, 195, 6

HSL

46.7, 95.3%, 50.0%

HSV

46.7, 97.6%, 97.6%

CMYK

0.0%, 21.7%, 97.6%, 2.4%

OKLCH

0.8418 0.1713 88.3

Properties

Warm Light Nearest: goldenrod 1

Color Harmonies

Complementary

#F9C306

#063CF9

Analogous

#F94A06

#B5F906

#F9C306

Triadic

#F9C306

#06F9C3

#C306F9

Split Complementary

#F9C306

#06B5F9

#4A06F9

Tetradic

#F9C306

#06F94A

#063CF9

#F906B5

Color Blindness Simulation

Original

#F9C306

Protanopia

#E2E134

Deuteranopia

#E5E93F

Tritanopia

#F65860

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FDEEB9
300
#FCE287
400
#FBD347
500
#F9C306
600
#C79C05
700
#9F7D04
800
#7D6203
900
#5A4807
950
#392D04

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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