#F05866 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f05866 graphic
This saturated, high-energy red demands attention without feeling abrasive. Because it is so bright, #f05866 works best as a punchy accent or a call-to-action button rather than a primary background color. It pairs surprisingly well with charcoal grays or deep navies to ground its intensity. With a contrast ratio of 6.3:1 against black, the hex code #f05866 remains readable for standard text.

Questions about #f05866

What is #f05866 in RGB, HSL and CMYK?
In RGB, #f05866 is rgb(240, 88, 102), in HSL hsl(354, 84%, 64%) and in CMYK 0%, 63%, 57%, 6%.
Where should I use #f05866 in a design?
#f05866 excels as a strategic accent color for call-to-action buttons or highlights that require immediate user focus. Because of its high intensity, avoid using it as a primary background color to prevent eye fatigue for your viewers.
What colors pair well with #f05866?
This vibrant shade balances perfectly against deep, neutral tones like charcoal or navy which ground its energy. Using these darker neutrals allows the brightness of #f05866 to pop effectively without feeling abrasive or chaotic in a layout.
Is #f05866 readable on white or black?
#f05866 has a 3.33:1 contrast ratio on white and 6.29:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.