#F8BC49

#F8BC49

Color Values

HEX

#F8BC49

RGB

248, 188, 73

HSL

39.4, 92.6%, 62.9%

HSV

39.4, 70.6%, 97.3%

CMYK

0.0%, 24.2%, 70.6%, 2.7%

OKLCH

0.8302 0.1449 80.3

Properties

Warm Light Nearest: NCS S 1050-Y20R Golden

Color Harmonies

Complementary

#F8BC49

#4985F8

Analogous

#F86449

#DDF849

#F8BC49

Triadic

#F8BC49

#49F8BC

#BC49F8

Split Complementary

#F8BC49

#49DDF8

#6449F8

Tetradic

#F8BC49

#49F864

#4985F8

#F849DD

Color Blindness Simulation

Original

#F8BC49

Protanopia

#DEDD65

Deuteranopia

#E2E66C

Tritanopia

#F57B80

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF2DF
200
#FCE6BA
300
#FAD489
400
#F8BC49
500
#F6A409
600
#C48408
700
#9D6906
800
#7B5205
900
#593D08
950
#382705

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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