#F8DF49

#F8DF49

Color Values

HEX

#F8DF49

RGB

248, 223, 73

HSL

51.4, 92.6%, 62.9%

HSV

51.4, 70.6%, 97.3%

CMYK

0.0%, 10.1%, 70.6%, 2.7%

OKLCH

0.8989 0.1636 99.5

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F8DF49

#4962F8

Analogous

#F88749

#BAF849

#F8DF49

Triadic

#F8DF49

#49F8DF

#DF49F8

Split Complementary

#F8DF49

#49BAF8

#8749F8

Tetradic

#F8DF49

#49F887

#4962F8

#F849BA

Color Blindness Simulation

Original

#F8DF49

Protanopia

#EDED6D

Deuteranopia

#EFF076

Tritanopia

#F78A90

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FCF3BA
300
#FAEA89
400
#F8DF49
500
#F6D409
600
#C4A908
700
#9D8806
800
#7B6A05
900
#594D08
950
#383105

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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