#E6F9A4 Hex Color
A gentle and luminous pastel yellow
This luminous, pastel yellow feels mellow and gentle due to its high lightness and low saturation. The hex code #e6f9a4 provides enough contrast for black text, making it a functional choice for UI backgrounds where readability matters. It shines when paired with deep, earthy charcoals or dark greens, which anchor its lightness and prevent the overall palette from feeling washed out.
Questions about #e6f9a4
What is #e6f9a4 in RGB, HSL and CMYK?
In RGB, #e6f9a4 is rgb(230, 249, 164), in HSL hsl(73, 88%, 81%) and in CMYK 8%, 0%, 34%, 2%.
How should I use #e6f9a4 in web design?
Use #e6f9a4 primarily as a subtle background color because its high lightness ensures a clean, airy look without overwhelming the user. Always pair it with high-contrast elements, such as charcoal or forest green text, to maintain accessibility standards and prevent the design from appearing washed out.
What colors complement #e6f9a4 best?
Because #e6f9a4 is a desaturated, high-lightness yellow, it gains the most visual impact when grounded by deep, cool tones that anchor its brightness. Rich navy or charcoal provides the necessary weight to balance the softness, while earthy terracotta can add a surprising, warm dimension to the overall palette.
Is #e6f9a4 readable on white or black?
#e6f9a4 has a 1.13:1 contrast ratio on white and 18.45:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.