#F5B54C

#F5B54C

Color Values

HEX

#F5B54C

RGB

245, 181, 76

HSL

37.3, 89.4%, 62.9%

HSV

37.3, 69.0%, 96.1%

CMYK

0.0%, 26.1%, 69.0%, 3.9%

OKLCH

0.8141 0.14 76.6

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F5B54C

#4C8CF5

Analogous

#F5604C

#E0F54C

#F5B54C

Triadic

#F5B54C

#4CF5B5

#B54CF5

Split Complementary

#F5B54C

#4CE0F5

#604CF5

Tetradic

#F5B54C

#4CF560

#4C8CF5

#F54CE0

Color Blindness Simulation

Original

#F5B54C

Protanopia

#D9D965

Deuteranopia

#DDE26C

Tritanopia

#F2797E

Achromatopsia

#BBBBBB

CSS Usage

background-color: #F5B54C;
color: #F5B54C;
border-color: #F5B54C;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE3BB
300
#F9CF8B
400
#F5B54C
500
#F19B0E
600
#C17C0B
700
#9B6309
800
#794E07
900
#573A09
950
#372506

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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