#F2D28E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel yellow carries a mellow, unsaturated warmth that feels approachable rather than bright. The hex code for this shade is #f2d28e. Because it offers strong contrast against black text, it works well as a background for clean, readable UI designs. Pair it with soft charcoal grays instead of stark white to avoid a washed-out appearance on screen.
Questions about #f2d28e
What is #f2d28e in RGB, HSL and CMYK?
In RGB, #f2d28e is rgb(242, 210, 142), in HSL hsl(41, 79%, 75%) and in CMYK 0%, 13%, 41%, 5%.
How can I best use #f2d28e in user interface design?
#f2d28e works exceptionally well as a background color for interfaces where you need warmth without overwhelming the user. Because it is unsaturated, it maintains excellent readability when paired with deep charcoal or dark navy text for high contrast.
Does #f2d28e read as a cool or warm color?
This color reads distinctly warm, leaning into a soft, buttery yellow palette. It avoids the neon intensity of brighter yellows, making it a sophisticated choice for branding or design projects that need to feel inviting, calm, and grounded.
Is #f2d28e readable on white or black?
#f2d28e has a 1.45:1 contrast ratio on white and 14.38: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.