#F2CD78 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel yellow carries a glowing, warm brightness that reads friendly and approachable. Because of its high lightness, it pairs well with deep charcoal or navy text for excellent readability. While #f2cd78 can work for backgrounds, it shines best as a supporting tone in illustrations or UI accents. The hex code for this cheerful yellow is #f2cd78.
Questions about #f2cd78
What is #f2cd78 in RGB, HSL and CMYK?
In RGB, #f2cd78 is rgb(242, 205, 120), in HSL hsl(42, 82%, 71%) and in CMYK 0%, 15%, 50%, 5%.
What is the best way to use #f2cd78 in UI design?
Does #f2cd78 work well for large-scale text?
Using #f2cd78 for large blocks of text is not recommended because the low contrast against white backgrounds creates significant readability issues. Instead, reserve this yellow for graphical elements where its warmth adds a friendly, approachable touch without compromising the user experience.
Is #f2cd78 readable on white or black?
#f2cd78 has a 1.52:1 contrast ratio on white and 13.77: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.