#F5D34C

#F5D34C

Color Values

HEX

#F5D34C

RGB

245, 211, 76

HSL

47.9, 89.4%, 62.9%

HSV

47.9, 69.0%, 96.1%

CMYK

0.0%, 13.9%, 69.0%, 3.9%

OKLCH

0.8723 0.1529 94.7

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F5D34C

#4C6EF5

Analogous

#F57E4C

#C3F54C

#F5D34C

Triadic

#F5D34C

#4CF5D3

#D34CF5

Split Complementary

#F5D34C

#4CC3F5

#7E4CF5

Tetradic

#F5D34C

#4CF57E

#4C6EF5

#F54CC3

Color Blindness Simulation

Original

#F5D34C

Protanopia

#E6E66D

Deuteranopia

#E8EB74

Tritanopia

#F3868C

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF5E0
200
#FBEEBB
300
#F9E28B
400
#F5D34C
500
#F1C40E
600
#C19C0B
700
#9B7D09
800
#796207
900
#574809
950
#372D06

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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