#F8D149

#F8D149

Color Values

HEX

#F8D149

RGB

248, 209, 73

HSL

46.6, 92.6%, 62.9%

HSV

46.6, 70.6%, 97.3%

CMYK

0.0%, 15.7%, 70.6%, 2.7%

OKLCH

0.8709 0.1541 92.6

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#F8D149

#4970F8

Analogous

#F87949

#C8F849

#F8D149

Triadic

#F8D149

#49F8D1

#D149F8

Split Complementary

#F8D149

#49C8F8

#7949F8

Tetradic

#F8D149

#49F879

#4970F8

#F849C8

Color Blindness Simulation

Original

#F8D149

Protanopia

#E7E76A

Deuteranopia

#E9EC72

Tritanopia

#F6848A

Achromatopsia

#CFCFCF

CSS Usage

background-color: #F8D149;
color: #F8D149;
border-color: #F8D149;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFBF1
100
#FBF5DF
200
#FCEEBA
300
#FAE189
400
#F8D149
500
#F6C109
600
#C49A08
700
#9D7B06
800
#7B6005
900
#594708
950
#382D05

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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