#F08045 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f08045 is a saturated, high-energy orange that demands immediate attention. Due to its intensity, it functions best as a small accent rather than a background color. It pairs surprisingly well with deep charcoal or slate gray, which helps ground its brightness. The hex code for this warm, bold tone is #f08045, making it an effective choice for call-to-action buttons or safety highlights.
Questions about #f08045
What is #f08045 in RGB, HSL and CMYK?
In RGB, #f08045 is rgb(240, 128, 69), in HSL hsl(21, 85%, 61%) and in CMYK 0%, 47%, 71%, 6%.
Why does #f08045 work better as an accent than a background?
The intense saturation of #f08045 causes visual fatigue when covering large surface areas, making text difficult to read and backgrounds overwhelming. It functions most effectively as a targeted highlight for call-to-action buttons or small UI elements that require immediate user engagement.
Which colors balance the high energy of #f08045?
You can ground the vibrancy of #f08045 by pairing it with charcoal or deep slate gray tones, which absorb the excessive warmth. These neutral foundations prevent the orange from feeling chaotic while maintaining a professional and legible contrast for your overall design.
Is #f08045 readable on white or black?
#f08045 has a 2.66:1 contrast ratio on white and 7.87: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.