#F9DF48

#F9DF48

Color Values

HEX

#F9DF48

RGB

249, 223, 72

HSL

51.2, 93.7%, 62.9%

HSV

51.2, 71.1%, 97.6%

CMYK

0.0%, 10.4%, 71.1%, 2.4%

OKLCH

0.8997 0.1642 99.2

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F9DF48

#4862F9

Analogous

#F98648

#BAF948

#F9DF48

Triadic

#F9DF48

#48F9DF

#DF48F9

Split Complementary

#F9DF48

#48BAF9

#8648F9

Tetradic

#F9DF48

#48F986

#4862F9

#F948BA

Color Blindness Simulation

Original

#F9DF48

Protanopia

#EEEE6C

Deuteranopia

#EFF175

Tritanopia

#F88990

Achromatopsia

#DADADA

CSS Usage

background-color: #F9DF48;
color: #F9DF48;
border-color: #F9DF48;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FDF3BA
300
#FBEA88
400
#F9DF48
500
#F7D408
600
#C6AA06
700
#9E8805
800
#7B6A04
900
#594D08
950
#383105

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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