#F8B049

#F8B049

Color Values

HEX

#F8B049

RGB

248, 176, 73

HSL

35.3, 92.6%, 62.9%

HSV

35.3, 70.6%, 97.3%

CMYK

0.0%, 29.0%, 70.6%, 2.7%

OKLCH

0.8078 0.1431 72.6

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F8B049

#4991F8

Analogous

#F85849

#E9F849

#F8B049

Triadic

#F8B049

#49F8B0

#B049F8

Split Complementary

#F8B049

#49E9F8

#5849F8

Tetradic

#F8B049

#49F858

#4991F8

#F849E9

Color Blindness Simulation

Original

#F8B049

Protanopia

#D9D862

Deuteranopia

#DDE268

Tritanopia

#F4767A

Achromatopsia

#B8B8B8

CSS Usage

background-color: #F8B049;
color: #F8B049;
border-color: #F8B049;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FDF8F1
100
#FBF0DF
200
#FCE1BA
300
#FACC89
400
#F8B049
500
#F69409
600
#C47708
700
#9D5F06
800
#7B4A05
900
#593808
950
#382305

Contrast Checker

Text on white

1.86:1

AA Fail AAA Fail

Text on black

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