#F2A277 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel orange is glowing and warm, providing a playful, optimistic energy suitable for spring themes or youth-oriented branding. While it makes a cheerful background, use it as an accent to avoid washing out your design. The hex code is #f2a277. Because it has strong orange undertones, it creates unique, warm palettes when paired with deep teal or dark charcoal.
Questions about #f2a277
What is #f2a277 in RGB, HSL and CMYK?
In RGB, #f2a277 is rgb(242, 162, 119), in HSL hsl(21, 83%, 71%) and in CMYK 0%, 33%, 51%, 5%.
What colors complement #f2a277?
How should #f2a277 be used in interface design?
This color functions best as an accent rather than a primary background because its high saturation can quickly overwhelm the eye. Use #f2a277 for small, high-impact elements like buttons or notification badges to guide user attention without reducing the readability of your primary interface text.
Is #f2a277 readable on white or black?
#f2a277 has a 2.05:1 contrast ratio on white and 10.20: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.