#F5CF4D

#F5CF4D

Color Values

HEX

#F5CF4D

RGB

245, 207, 77

HSL

46.4, 89.4%, 63.1%

HSV

46.4, 68.6%, 96.1%

CMYK

0.0%, 15.5%, 68.6%, 3.9%

OKLCH

0.8644 0.1497 92.5

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F5CF4D

#4D73F5

Analogous

#F57B4D

#C7F54D

#F5CF4D

Triadic

#F5CF4D

#4DF5CF

#CF4DF5

Split Complementary

#F5CF4D

#4DC7F5

#7B4DF5

Tetradic

#F5CF4D

#4DF57B

#4D73F5

#F54DC7

Color Blindness Simulation

Original

#F5CF4D

Protanopia

#E5E46C

Deuteranopia

#E7EA74

Tritanopia

#F3858B

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FBF5E0
200
#FBEDBB
300
#F9E08B
400
#F5CF4C
500
#F1BE0E
600
#C1980B
700
#9B7909
800
#795F07
900
#574609
950
#372C06

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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