#F0F102

#F0F102

Color Values

HEX

#F0F102

RGB

240, 241, 2

HSL

60.3, 98.4%, 47.6%

HSV

60.3, 99.2%, 94.5%

CMYK

0.4%, 0.0%, 99.2%, 5.5%

OKLCH

0.9267 0.2022 110.1

Properties

Cool Light Nearest: yellow 2

Color Harmonies

Complementary

#F0F102

#0302F1

Analogous

#F17B02

#78F102

#F0F102

Triadic

#F0F102

#02F0F1

#F102F0

Split Complementary

#F0F102

#0278F1

#7B02F1

Tetradic

#F0F102

#02F17B

#0302F1

#F10278

Color Blindness Simulation

Original

#F0F102

Protanopia

#F0F03C

Deuteranopia

#F0F04A

Tritanopia

#F06A74

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB8
300
#FDFE86
400
#FDFD44
500
#FCFD02
600
#C9CA02
700
#A1A201
800
#7E7E01
900
#5B5B06
950
#393A04

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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