#F5BF4D

#F5BF4D

Color Values

HEX

#F5BF4D

RGB

245, 191, 77

HSL

40.7, 89.4%, 63.1%

HSV

40.7, 68.6%, 96.1%

CMYK

0.0%, 22.0%, 68.6%, 3.9%

OKLCH

0.8332 0.142 82.9

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F5BF4D

#4D83F5

Analogous

#F56B4D

#D7F54D

#F5BF4D

Triadic

#F5BF4D

#4DF5BF

#BF4DF5

Split Complementary

#F5BF4D

#4DD7F5

#6B4DF5

Tetradic

#F5BF4D

#4DF56B

#4D83F5

#F54DD7

Color Blindness Simulation

Original

#F5BF4D

Protanopia

#DEDD69

Deuteranopia

#E1E56F

Tritanopia

#F27E83

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF2E0
200
#FBE7BB
300
#F9D58B
400
#F5BF4C
500
#F1A80E
600
#C1870B
700
#9B6C09
800
#795407
900
#573E09
950
#372706

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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