#F5BA4D

#F5BA4D

Color Values

HEX

#F5BA4D

RGB

245, 186, 77

HSL

38.9, 89.4%, 63.1%

HSV

38.9, 68.6%, 96.1%

CMYK

0.0%, 24.1%, 68.6%, 3.9%

OKLCH

0.8236 0.1405 79.7

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F5BA4D

#4D88F5

Analogous

#F5664D

#DCF54D

#F5BA4D

Triadic

#F5BA4D

#4DF5BA

#BA4DF5

Split Complementary

#F5BA4D

#4DDCF5

#664DF5

Tetradic

#F5BA4D

#4DF566

#4D88F5

#F54DDC

Color Blindness Simulation

Original

#F5BA4D

Protanopia

#DBDB67

Deuteranopia

#DFE36E

Tritanopia

#F27C81

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FDF9F2
100
#FBF1E0
200
#FBE5BB
300
#F9D28B
400
#F5BA4C
500
#F1A10E
600
#C1810B
700
#9B6709
800
#795107
900
#573C09
950
#372606

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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