#F9B048

#F9B048

Color Values

HEX

#F9B048

RGB

249, 176, 72

HSL

35.3, 93.7%, 62.9%

HSV

35.3, 71.1%, 97.6%

CMYK

0.0%, 29.3%, 71.1%, 2.4%

OKLCH

0.8088 0.1443 72.4

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F9B048

#4891F9

Analogous

#F95748

#E9F948

#F9B048

Triadic

#F9B048

#48F9B0

#B048F9

Split Complementary

#F9B048

#48E9F9

#5748F9

Tetradic

#F9B048

#48F957

#4891F9

#F948E9

Color Blindness Simulation

Original

#F9B048

Protanopia

#D9D961

Deuteranopia

#DEE367

Tritanopia

#F57579

Achromatopsia

#B8B8B8

CSS Usage

background-color: #F9B048;
color: #F9B048;
border-color: #F9B048;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FDF8F1
100
#FBF0DF
200
#FDE1BA
300
#FBCC88
400
#F9B048
500
#F79508
600
#C67706
700
#9E5F05
800
#7B4A04
900
#593808
950
#382305

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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