#F5A565 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mellow pastel orange carries a warm, sunny quality that feels friendly rather than aggressive. Because it is highly readable, #f5a565 works well as a background for dark text or as a pop of optimism in UI design. It pairs nicely with deep charcoal grays to create a modern, high-contrast look. Use the hex code #f5a565 sparingly, as it can feel overwhelming when applied to overly large areas.
Questions about #f5a565
What is #f5a565 in RGB, HSL and CMYK?
In RGB, #f5a565 is rgb(245, 165, 101), in HSL hsl(27, 88%, 68%) and in CMYK 0%, 33%, 59%, 4%.
What colors work best with #f5a565 in a design?
#f5a565 performs best when contrasted against charcoal or deep, dark slate tones, as this neutralizes its inherent warmth while maintaining high readability. Avoid pairing it with similar light oranges to prevent the design from feeling flat or washed out.
Is #f5a565 suitable for large background areas?
#f5a565 is often too intense for large backgrounds, as its sunny saturation can quickly overwhelm the viewer. Instead, use this specific orange as an accent color for buttons, notifications, or highlights to inject energy without sacrificing user focus.
Is #f5a565 readable on white or black?
#f5a565 has a 2.00:1 contrast ratio on white and 10.45: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.