#F5D64C

#F5D64C

Color Values

HEX

#F5D64C

RGB

245, 214, 76

HSL

49.0, 89.4%, 62.9%

HSV

49.0, 69.0%, 96.1%

CMYK

0.0%, 12.7%, 69.0%, 3.9%

OKLCH

0.8783 0.155 96.3

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F5D64C

#4C6BF5

Analogous

#F5814C

#BFF54C

#F5D64C

Triadic

#F5D64C

#4CF5D6

#D64CF5

Split Complementary

#F5D64C

#4CBFF5

#814CF5

Tetradic

#F5D64C

#4CF581

#4C6BF5

#F54CBF

Color Blindness Simulation

Original

#F5D64C

Protanopia

#E8E76D

Deuteranopia

#E9EC75

Tritanopia

#F3888E

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF6E0
200
#FBF0BB
300
#F9E48B
400
#F5D64C
500
#F1C80E
600
#C1A00B
700
#9B8009
800
#796407
900
#574909
950
#372E06

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.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