#F5B04D

#F5B04D

Color Values

HEX

#F5B04D

RGB

245, 176, 77

HSL

35.4, 89.4%, 63.1%

HSV

35.4, 68.6%, 96.1%

CMYK

0.0%, 28.2%, 68.6%, 3.9%

OKLCH

0.8048 0.1388 73.1

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#F5B04D

#4D92F5

Analogous

#F55C4D

#E6F54D

#F5B04D

Triadic

#F5B04D

#4DF5B0

#B04DF5

Split Complementary

#F5B04D

#4DE6F5

#5C4DF5

Tetradic

#F5B04D

#4DF55C

#4D92F5

#F54DE6

Color Blindness Simulation

Original

#F5B04D

Protanopia

#D7D765

Deuteranopia

#DBE06B

Tritanopia

#F2787C

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#FBF0E0
200
#FBE1BB
300
#F9CC8B
400
#F5B04C
500
#F1940E
600
#C1760B
700
#9B5F09
800
#794A07
900
#573709
950
#372306

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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