#F2EF50

#F2EF50

Color Values

HEX

#F2EF50

RGB

242, 239, 80

HSL

58,9, 86,2%, 63,1%

HSV

58,9, 66,9%, 94,9%

CMYK

0,0%, 1,2%, 66,9%, 5,1%

OKLCH

0,927 0,1734 108,3

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F2EF50

#5053F2

Analogous

#F29E50

#A4F250

#F2EF50

Triadic

#F2EF50

#50F2EF

#EF50F2

Split Complementary

#F2EF50

#50A4F2

#9E50F2

Tetradic

#F2EF50

#50F29E

#5053F2

#F250A4

Color Blindness Simulation

Original

#F2EF50

Protanopia

#F1F176

Deuteranopia

#F1F180

Tritanopia

#F2959C

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FAF9BD
300
#F7F58D
400
#F2EF4F
500
#EDE912
600
#BEBB0E
700
#98950B
800
#777509
900
#56550B
950
#363507

Contrast Checker

Text on white

1,22:1

AA Fail AAA Fail

Text on black

17,24: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