#F9EC48

#F9EC48

Color Values

HEX

#F9EC48

RGB

249, 236, 72

HSL

55.6, 93.7%, 62.9%

HSV

55.6, 71.1%, 97.6%

CMYK

0.0%, 5.2%, 71.1%, 2.4%

OKLCH

0.9261 0.1747 104.7

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F9EC48

#4855F9

Analogous

#F99348

#ADF948

#F9EC48

Triadic

#F9EC48

#48F9EC

#EC48F9

Split Complementary

#F9EC48

#48ADF9

#9348F9

Tetradic

#F9EC48

#48F993

#4855F9

#F948AD

Color Blindness Simulation

Original

#F9EC48

Protanopia

#F3F370

Deuteranopia

#F4F579

Tritanopia

#F88F96

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBF9DF
200
#FDF8BA
300
#FBF388
400
#F9EC48
500
#F7E508
600
#C6B806
700
#9E9305
800
#7B7304
900
#595308
950
#383505

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