#F70C6A Hex Color

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

Hex color #f70c6a graphic
#f70c6a is a high-octane, intense red that demands immediate attention. Due to its extreme saturation, it serves best as a small accent for buttons rather than a background. If you are learning how to make red, this tone shows the power of high chroma pigments. Black text remains legible on this hex code, making it a reliable choice for bold interface highlights.

Questions about #f70c6a

What is #f70c6a in RGB, HSL and CMYK?
In RGB, #f70c6a is rgb(247, 12, 106), in HSL hsl(336, 94%, 51%) and in CMYK 0%, 95%, 57%, 3%.
Is #f70c6a suitable for large blocks of background color?
Using #f70c6a as a background is generally overwhelming and strains the eyes due to its high chroma intensity. Instead, treat it as a deliberate accent for buttons or icons where you need to guide the user's focus immediately.
What colors complement #f70c6a in a design scheme?
This vibrant shade pairs effectively with navy or charcoal to ground its intensity and provide necessary contrast. For a softer look, you can balance the brightness by incorporating desaturated neutrals that allow the saturation of #f70c6a to stand out without causing visual clutter.
Is #f70c6a readable on white or black?
#f70c6a has a 4.02:1 contrast ratio on white and 5.21: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.