#F4F490

#F4F490

Color Values

HEX

#F4F490

RGB

244, 244, 144

HSL

60,0, 82,0%, 76,1%

HSV

60,0, 41,0%, 95,7%

CMYK

0,0%, 0,0%, 41,0%, 4,3%

OKLCH

0,9459 0,1227 108,5

Properties

Warm Light Nearest: Canary

Color Harmonies

Complementary

#F4F490

#9090F4

Analogous

#F4C290

#C2F490

#F4F490

Triadic

#F4F490

#90F4F4

#F490F4

Split Complementary

#F4F490

#90C2F4

#C290F4

Tetradic

#F4F490

#90F4C2

#9090F4

#F490C2

Color Blindness Simulation

Original

#F4F490

Protanopia

#F4F4A8

Deuteranopia

#F4F4AE

Tritanopia

#F4BBC0

Achromatopsia

#EDEDED

CSS Usage

background-color: #F4F490;
color: #F4F490;
border-color: #F4F490;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFDF2
100
#FAFAE1
200
#F9F9BE
300
#F4F490
400
#EEEE53
500
#E8E817
600
#BABA12
700
#95950F
800
#74740B
900
#54540D
950
#353508

Contrast Checker

Text on white

1,15:1

AA Fail AAA Fail

Text on black

18,19: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