#F0F609

#F0F609

Color Values

HEX

#F0F609

RGB

240, 246, 9

HSL

61.5, 92.9%, 50.0%

HSV

61.5, 96.3%, 96.5%

CMYK

2.4%, 0.0%, 96.3%, 3.5%

OKLCH

0.9373 0.2059 111.6

Properties

Cool Light Nearest: yellow 2

Color Harmonies

Complementary

#F0F609

#0F09F6

Analogous

#F68509

#7AF609

#F0F609

Triadic

#F0F609

#09F0F6

#F609F0

Split Complementary

#F0F609

#097AF6

#8509F6

Tetradic

#F0F609

#09F685

#0F09F6

#F6097A

Color Blindness Simulation

Original

#F0F609

Protanopia

#F3F342

Deuteranopia

#F2F250

Tritanopia

#F0707A

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FBFCBA
300
#F8FB89
400
#F4F849
500
#F0F609
600
#C0C507
700
#9A9D06
800
#787B05
900
#575908
950
#373805

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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