#F2A455 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing, saturated orange feels sunny and spirited. Because it is highly visible, the hex code #f2a455 works best as a punchy accent color rather than a large background. Pair this shade with a deep slate blue to ground its intensity. It provides excellent contrast for black text, making it a functional choice for alerts, buttons, or youth-oriented branding where high energy is required.
Questions about #f2a455
What is #f2a455 in RGB, HSL and CMYK?
In RGB, #f2a455 is rgb(242, 164, 85), in HSL hsl(30, 86%, 64%) and in CMYK 0%, 32%, 65%, 5%.
What colors pair well with #f2a455?
#f2a455 is a high-energy orange that pairs best with a deep slate blue to ground its intensity and provide balance. Because it is highly visible, it works well with charcoal text to ensure readability for buttons and interface elements.
Is #f2a455 suitable for large backgrounds?
#f2a455 is generally too saturated for large background areas, as its intensity can quickly overwhelm the viewer. It is much more effective as a punchy accent color that draws the eye toward specific elements like notifications or interactive calls to action.
Is #f2a455 readable on white or black?
#f2a455 has a 2.05:1 contrast ratio on white and 10.21: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.