#F5B64C

#F5B64C

Color Values

HEX

#F5B64C

RGB

245, 182, 76

HSL

37.6, 89.4%, 62.9%

HSV

37.6, 69.0%, 96.1%

CMYK

0.0%, 25.7%, 69.0%, 3.9%

OKLCH

0.816 0.1402 77.3

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F5B64C

#4C8BF5

Analogous

#F5614C

#E0F54C

#F5B64C

Triadic

#F5B64C

#4CF5B6

#B64CF5

Split Complementary

#F5B64C

#4CE0F5

#614CF5

Tetradic

#F5B64C

#4CF561

#4C8BF5

#F54CE0

Color Blindness Simulation

Original

#F5B64C

Protanopia

#DAD966

Deuteranopia

#DDE26C

Tritanopia

#F27A7E

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF1E0
200
#FBE3BB
300
#F9D08B
400
#F5B64C
500
#F19C0E
600
#C17D0B
700
#9B6409
800
#794E07
900
#573A09
950
#372506

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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