#F5DF4C

#F5DF4C

Color Values

HEX

#F5DF4C

RGB

245, 223, 76

HSL

52.2, 89.4%, 62.9%

HSV

52.2, 69.0%, 96.1%

CMYK

0.0%, 9.0%, 69.0%, 3.9%

OKLCH

0.8964 0.1617 100.6

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F5DF4C

#4C62F5

Analogous

#F58A4C

#B6F54C

#F5DF4C

Triadic

#F5DF4C

#4CF5DF

#DF4CF5

Split Complementary

#F5DF4C

#4CB6F5

#8A4CF5

Tetradic

#F5DF4C

#4CF58A

#4C62F5

#F54CB6

Color Blindness Simulation

Original

#F5DF4C

Protanopia

#EBEB70

Deuteranopia

#EDEE78

Tritanopia

#F48C92

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FBF7E0
200
#FBF3BB
300
#F9EA8B
400
#F5DF4C
500
#F1D40E
600
#C1A90B
700
#9B8809
800
#796A07
900
#574D09
950
#373106

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.54:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026