#F5C74D

#F5C74D

Color Values

HEX

#F5C74D

RGB

245, 199, 77

HSL

43.6, 89.4%, 63.1%

HSV

43.6, 68.6%, 96.1%

CMYK

0.0%, 18.8%, 68.6%, 3.9%

OKLCH

0.8487 0.1454 87.9

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F5C74D

#4D7BF5

Analogous

#F5734D

#CFF54D

#F5C74D

Triadic

#F5C74D

#4DF5C7

#C74DF5

Split Complementary

#F5C74D

#4DCFF5

#734DF5

Tetradic

#F5C74D

#4DF573

#4D7BF5

#F54DCF

Color Blindness Simulation

Original

#F5C74D

Protanopia

#E1E16A

Deuteranopia

#E4E772

Tritanopia

#F38287

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FDFAF2
100
#FBF3E0
200
#FBEABB
300
#F9DB8B
400
#F5C74C
500
#F1B30E
600
#C18F0B
700
#9B7309
800
#795A07
900
#574209
950
#372A06

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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