#F8F207

#F8F207

Color Values

HEX

#F8F207

RGB

248, 242, 7

HSL

58.5, 94.5%, 50.0%

HSV

58.5, 97.2%, 97.3%

CMYK

0.0%, 2.4%, 97.2%, 2.7%

OKLCH

0.9354 0.2008 107.9

Properties

Warm Light Nearest: yellow 2

Color Harmonies

Complementary

#F8F207

#070DF8

Analogous

#F87907

#86F807

#F8F207

Triadic

#F8F207

#07F8F2

#F207F8

Split Complementary

#F8F207

#0786F8

#7907F8

Tetradic

#F8F207

#07F879

#070DF8

#F80786

Color Blindness Simulation

Original

#F8F207

Protanopia

#F5F540

Deuteranopia

#F6F64E

Tritanopia

#F86D77

Achromatopsia

#E2E2E2

CSS Usage

background-color: #F8F207;
color: #F8F207;
border-color: #F8F207;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FCF988
400
#FAF547
500
#F8F207
600
#C6C206
700
#9F9B04
800
#7C7904
900
#5A5807
950
#393705

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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