#F9C248

#F9C248

Color Values

HEX

#F9C248

RGB

249, 194, 72

HSL

41.4, 93.7%, 62.9%

HSV

41.4, 71.1%, 97.6%

CMYK

0.0%, 22.1%, 71.1%, 2.4%

OKLCH

0.8426 0.1478 83.7

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F9C248

#487FF9

Analogous

#F96948

#D7F948

#F9C248

Triadic

#F9C248

#48F9C2

#C248F9

Split Complementary

#F9C248

#48D7F9

#6948F9

Tetradic

#F9C248

#48F969

#487FF9

#F948D7

Color Blindness Simulation

Original

#F9C248

Protanopia

#E1E165

Deuteranopia

#E4E86D

Tritanopia

#F67D82

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#FDFAF1
100
#FBF3DF
200
#FDE8BA
300
#FBD888
400
#F9C248
500
#F7AD08
600
#C68A06
700
#9E6F05
800
#7B5604
900
#594008
950
#382805

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