#F8D107

#F8D107

Color Values

HEX

#F8D107

RGB

248, 209, 7

HSL

50.3, 94.5%, 50.0%

HSV

50.3, 97.2%, 97.3%

CMYK

0.0%, 15.7%, 97.2%, 2.7%

OKLCH

0.8683 0.1775 95.2

Properties

Warm Light Nearest: RAL 1023 Traffic Yellow

Color Harmonies

Complementary

#F8D107

#072EF8

Analogous

#F85907

#A6F807

#F8D107

Triadic

#F8D107

#07F8D1

#D107F8

Split Complementary

#F8D107

#07A6F8

#5907F8

Tetradic

#F8D107

#07F859

#072EF8

#F807A6

Color Blindness Simulation

Original

#F8D107

Protanopia

#E7E738

Deuteranopia

#E9EC44

Tritanopia

#F65F67

Achromatopsia

#CBCBCB

CSS Usage

background-color: #F8D107;
color: #F8D107;
border-color: #F8D107;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FDF2BA
300
#FCE988
400
#FADD47
500
#F8D107
600
#C6A706
700
#9F8604
800
#7C6904
900
#5A4C07
950
#393005

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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