#F9C449

#F9C449

Color Values

HEX

#F9C449

RGB

249, 196, 73

HSL

41.9, 93.6%, 63.1%

HSV

41.9, 70.7%, 97.6%

CMYK

0.0%, 21.3%, 70.7%, 2.4%

OKLCH

0.8465 0.1479 84.8

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F9C449

#497EF9

Analogous

#F96C49

#D6F949

#F9C449

Triadic

#F9C449

#49F9C4

#C449F9

Split Complementary

#F9C449

#49D6F9

#6C49F9

Tetradic

#F9C449

#49F96C

#497EF9

#F949D6

Color Blindness Simulation

Original

#F9C449

Protanopia

#E2E267

Deuteranopia

#E5E96E

Tritanopia

#F67E83

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FDE9BA
300
#FBD989
400
#F9C448
500
#F7AF08
600
#C58C07
700
#9E7005
800
#7B5704
900
#594108
950
#382905

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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