#F4E04D

#F4E04D

Color Values

HEX

#F4E04D

RGB

244, 224, 77

HSL

52.8, 88.4%, 62.9%

HSV

52.8, 68.4%, 95.7%

CMYK

0.0%, 8.2%, 68.4%, 4.3%

OKLCH

0.8976 0.1618 101.4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#F4E04D

#4D61F4

Analogous

#F48C4D

#B4F44D

#F4E04D

Triadic

#F4E04D

#4DF4E0

#E04DF4

Split Complementary

#F4E04D

#4DB4F4

#8C4DF4

Tetradic

#F4E04D

#4DF48C

#4D61F4

#F44DB4

Color Blindness Simulation

Original

#F4E04D

Protanopia

#EBEB71

Deuteranopia

#ECEE79

Tritanopia

#F38D93

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FBF7E0
200
#FBF3BC
300
#F8EB8C
400
#F4E04D
500
#F0D50F
600
#C0AB0C
700
#9A8809
800
#786B07
900
#574E0A
950
#373106

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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