#F8B549

#F8B549

Color Values

HEX

#F8B549

RGB

248, 181, 73

HSL

37.0, 92.6%, 62.9%

HSV

37.0, 70.6%, 97.3%

CMYK

0.0%, 27.0%, 70.6%, 2.7%

OKLCH

0.817 0.1435 75.9

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F8B549

#498CF8

Analogous

#F85D49

#E4F849

#F8B549

Triadic

#F8B549

#49F8B5

#B549F8

Split Complementary

#F8B549

#49E4F8

#5D49F8

Tetradic

#F8B549

#49F85D

#498CF8

#F849E4

Color Blindness Simulation

Original

#F8B549

Protanopia

#DBDA63

Deuteranopia

#DFE469

Tritanopia

#F5787C

Achromatopsia

#BBBBBB

CSS Usage

background-color: #F8B549;
color: #F8B549;
border-color: #F8B549;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE3BA
300
#FACF89
400
#F8B549
500
#F69B09
600
#C47C08
700
#9D6306
800
#7B4E05
900
#593A08
950
#382505

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

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