#F3A274 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, cheerful orange, #f3a274 carries a soft, sunny warmth. Its high lightness keeps it friendly without becoming neon, making it a reliable choice for approachable branding or playful web backgrounds. Pair this hex code with a deep charcoal or navy to ground its airy quality. It reads clearly with black text, so use it freely for body elements or call-to-action buttons.
Questions about #f3a274
What is #f3a274 in RGB, HSL and CMYK?
In RGB, #f3a274 is rgb(243, 162, 116), in HSL hsl(22, 84%, 70%) and in CMYK 0%, 33%, 52%, 5%.
What colors pair well with #f3a274 for a balanced design?
Is #f3a274 suitable for text on web backgrounds?
Because #f3a274 is quite light and high in value, it lacks sufficient contrast against white or very pale backgrounds for accessible body text. Use it primarily for large headings, accent buttons, or icons, ensuring you pair it with high-contrast text like black or very dark colors for readability.
Is #f3a274 readable on white or black?
#f3a274 has a 2.05:1 contrast ratio on white and 10.23: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.