#F9B549

#F9B549

Color Values

HEX

#F9B549

RGB

249, 181, 73

HSL

36.8, 93.6%, 63.1%

HSV

36.8, 70.7%, 97.6%

CMYK

0.0%, 27.3%, 70.7%, 2.4%

OKLCH

0.8181 0.1441 75.4

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9B549

#498DF9

Analogous

#F95D49

#E5F949

#F9B549

Triadic

#F9B549

#49F9B5

#B549F9

Split Complementary

#F9B549

#49E5F9

#5D49F9

Tetradic

#F9B549

#49F95D

#498DF9

#F949E5

Color Blindness Simulation

Original

#F9B549

Protanopia

#DCDB63

Deuteranopia

#E0E569

Tritanopia

#F6787C

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FDE3BA
300
#FBCF89
400
#F9B548
500
#F79B08
600
#C57C07
700
#9E6305
800
#7B4D04
900
#593A08
950
#382405

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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