#F27405 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-impact and loud, #f27405 operates as a classic attention-grabber. This orange carries enough intensity to overwhelm large areas, so limit it to UI highlights or call to action buttons. It pairs effectively against deep charcoal backgrounds, where black text remains fully legible at a 7.3:1 contrast ratio. The hex code for this energetic tone is #f27405.
Questions about #f27405
What is #f27405 in RGB, HSL and CMYK?
In RGB, #f27405 is rgb(242, 116, 5), in HSL hsl(28, 96%, 48%) and in CMYK 0%, 52%, 98%, 5%.
What colors pair best with #f27405?
#f27405 stands out most effectively against deep, neutral backgrounds like charcoal or dark gray, which provide the necessary contrast to keep your text readable. To balance its intensity, pair it with muted, desaturated tones rather than other bright, competing colors.
Should I use #f27405 for large areas or backgrounds?
Avoid using #f27405 for large background areas, as its high saturation can quickly overwhelm the viewer and cause eye fatigue. Instead, reserve this energetic tone for strategic UI highlights, specific buttons, or small icons where you need to draw immediate user attention.
Is #f27405 readable on white or black?
#f27405 has a 2.88:1 contrast ratio on white and 7.27: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.