#F2ED46

#F2ED46

Color Values

HEX

#F2ED46

RGB

242, 237, 70

HSL

58.3, 86.9%, 61.2%

HSV

58.3, 71.1%, 94.9%

CMYK

0.0%, 2.1%, 71.1%, 5.1%

OKLCH

0.9221 0.1776 107.7

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F2ED46

#464BF2

Analogous

#F29746

#A1F246

#F2ED46

Triadic

#F2ED46

#46F2ED

#ED46F2

Split Complementary

#F2ED46

#46A1F2

#9746F2

Tetradic

#F2ED46

#46F297

#464BF2

#F246A1

Color Blindness Simulation

Original

#F2ED46

Protanopia

#F0F06E

Deuteranopia

#F0F078

Tritanopia

#F28E95

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE0
200
#FAF9BC
300
#F7F48D
400
#F3EE4F
500
#EEE811
600
#BFBA0D
700
#99940B
800
#777408
900
#56540B
950
#373507

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.98:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026