#F8B249

#F8B249

Color Values

HEX

#F8B249

RGB

248, 178, 73

HSL

36.0, 92.6%, 62.9%

HSV

36.0, 70.6%, 97.3%

CMYK

0.0%, 28.2%, 70.6%, 2.7%

OKLCH

0.8115 0.1432 73.9

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#F8B249

#498FF8

Analogous

#F85A49

#E6F849

#F8B249

Triadic

#F8B249

#49F8B2

#B249F8

Split Complementary

#F8B249

#49E6F8

#5A49F8

Tetradic

#F8B249

#49F85A

#498FF8

#F849E6

Color Blindness Simulation

Original

#F8B249

Protanopia

#DAD962

Deuteranopia

#DEE368

Tritanopia

#F4767B

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF0DF
200
#FCE2BA
300
#FACD89
400
#F8B249
500
#F69709
600
#C47908
700
#9D6106
800
#7B4C05
900
#593908
950
#382405

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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