#F7DF4A

#F7DF4A

Color Values

HEX

#F7DF4A

RGB

247, 223, 74

HSL

51.7, 91.5%, 62.9%

HSV

51.7, 70.0%, 96.9%

CMYK

0.0%, 9.7%, 70.0%, 3.1%

OKLCH

0.898 0.1629 99.9

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F7DF4A

#4A62F7

Analogous

#F7884A

#B8F74A

#F7DF4A

Triadic

#F7DF4A

#4AF7DF

#DF4AF7

Split Complementary

#F7DF4A

#4AB8F7

#884AF7

Tetradic

#F7DF4A

#4AF788

#4A62F7

#F74AB8

Color Blindness Simulation

Original

#F7DF4A

Protanopia

#EDEC6E

Deuteranopia

#EEF077

Tritanopia

#F68B91

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FCF3BB
300
#FAEA8A
400
#F7DF4A
500
#F4D40B
600
#C3AA09
700
#9C8807
800
#7A6A05
900
#584D09
950
#383105

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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