#F06151 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f06151 is a high-energy coral red that demands immediate attention. This saturated tone works best as a sharp accent rather than a background color, as it can easily overwhelm large layouts. It pairs beautifully with muted teals or deep grays for a balanced contrast. Because it meets accessibility standards for text, this hex code is a practical choice for bold call-to-action buttons.
Questions about #f06151
What is #f06151 in RGB, HSL and CMYK?
In RGB, #f06151 is rgb(240, 97, 81), in HSL hsl(6, 84%, 63%) and in CMYK 0%, 60%, 66%, 6%.
Where should I use #f06151 in my design interface?
#f06151 works best as a focused accent rather than a primary background color because of its intense saturation. It is an excellent choice for primary call-to-action buttons, notification badges, or error states where you need to draw the eye immediately.
What colors pair well with #f06151 for a balanced palette?
To ground the high energy of #f06151, pair it with deep charcoal or muted teals. These cooler, darker tones act as a neutral anchor, preventing the coral red from overwhelming the interface while still allowing it to pop as a visual highlight.
Is #f06151 readable on white or black?
#f06151 has a 3.21:1 contrast ratio on white and 6.53: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.