#FFF44F
Lemon
Lemon is a bright, fresh yellow inspired by lemon citrus fruit. It is cheerful, clean, and energizing.
Lemon Color Values
HEX#FFF44F
RGB255, 244, 79
HSL56°, 100%, 65%
HSV56°, 69%, 100%
CMYK0%, 4%, 69%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #FFEC35 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #FFF35A (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFE4D4 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #ECECEC (~0.003% of population)
Lemon as Text Color
Lemon on White
1.1:1FAIL
Lemon on Light Gray
1.1:1FAIL
Lemon on Cream
1.1:1FAIL
Lemon on Dark
14.9:1AAA
Lemon on Black
18.3:1AAA
Lemon on Soft Blue
1.0:1FAIL
Lemon on Soft Green
1.0:1FAIL
Lemon on Soft Pink
1.0:1FAIL
Nearest Tailwind Class
yellow-400
#FACC15
Nearest Pantone Match
Illuminating (2021)
#F5DF4D
CSS Variable Export
:root {
--color-lemon: #FFF44F;
--color-lemon-rgb: 255, 244, 79;
}Tailwind Config
// tailwind.config.js
colors: {
'lemon': '#FFF44F',
}Shades of Lemon
#FFF34D
#FFF129
#FFEE05
#DBCD00
#B8AB00
#948A00
#706900
#474300
#242100
#000000
Tints of Lemon
#FFF34D
#FFF461
#FFF675
#FFF78A
#FFF99E
#FFFAAD
#FFFBC2
#FFFCD6
#FFFEEB
#FFFFFF
Color Harmonies
Complementary
#FFF44F
#4D58FF
Analogous
#FF9A4D
#FFF34D
#B2FF4D
Triadic
#FFF34D
#4DFFF3
#F34DFF
Lemon Text Preview
Heading in Lemon
Body text in Lemon. The quick brown fox jumps over the lazy dog.
White on Lemon
Body text on a Lemon background.
Lemon text on dark background
Contrast: 15.5:1