#F2ED50

#F2ED50

Color Values

HEX

#F2ED50

RGB

242, 237, 80

HSL

58.1, 86.2%, 63.1%

HSV

58.1, 66.9%, 94.9%

CMYK

0.0%, 2.1%, 66.9%, 5.1%

OKLCH

0.9228 0.1715 107.5

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F2ED50

#5055F2

Analogous

#F29C50

#A6F250

#F2ED50

Triadic

#F2ED50

#50F2ED

#ED50F2

Split Complementary

#F2ED50

#50A6F2

#9C50F2

Tetradic

#F2ED50

#50F29C

#5055F2

#F250A6

Color Blindness Simulation

Original

#F2ED50

Protanopia

#F0F076

Deuteranopia

#F0F07F

Tritanopia

#F2949B

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAF9E0
200
#FAF8BD
300
#F7F38D
400
#F2ED4F
500
#EDE612
600
#BEB80E
700
#98930B
800
#777309
900
#56540B
950
#363507

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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