#F2EE50

#F2EE50

Color Values

HEX

#F2EE50

RGB

242, 238, 80

HSL

58.5, 86.2%, 63.1%

HSV

58.5, 66.9%, 94.9%

CMYK

0.0%, 1.7%, 66.9%, 5.1%

OKLCH

0.9249 0.1724 107.9

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F2EE50

#5054F2

Analogous

#F29D50

#A5F250

#F2EE50

Triadic

#F2EE50

#50F2EE

#EE50F2

Split Complementary

#F2EE50

#50A5F2

#9D50F2

Tetradic

#F2EE50

#50F29D

#5054F2

#F250A5

Color Blindness Simulation

Original

#F2EE50

Protanopia

#F0F076

Deuteranopia

#F0F17F

Tritanopia

#F2949B

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FAF9BD
300
#F7F48D
400
#F2EE4F
500
#EDE812
600
#BEBA0E
700
#98940B
800
#777409
900
#56540B
950
#363507

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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