#F1466B Hex Color

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

Hex color #f1466b graphic
High-intensity and demanding, #f1466b is a saturated, loud pink-red that commands immediate attention. Use this hex code sparingly as an accent for call-to-action buttons or critical alerts rather than a full page background. It pairs exceptionally well with dark navy or deep charcoal, which grounds its aggressive energy. Because black text maintains a strong contrast ratio, this color remains accessible for functional UI elements.

Questions about #f1466b

What is #f1466b in RGB, HSL and CMYK?
In RGB, #f1466b is rgb(241, 70, 107), in HSL hsl(347, 86%, 61%) and in CMYK 0%, 71%, 56%, 5%.
How can I effectively use #f1466b in a design system?
Use #f1466b sparingly as a primary action color for buttons or urgent notifications where you need to grab immediate user attention. Because of its extreme saturation, it will quickly overwhelm a layout if used for large background areas or secondary elements.
What colors pair best with #f1466b for a balanced palette?
Pair #f1466b with deep, neutral tones like charcoal or dark navy to ground its aggressive energy. These dark, muted backgrounds provide the necessary contrast to make the vibrant pink-red pop without appearing chaotic or straining the eyes of your users.
Is #f1466b readable on white or black?
#f1466b has a 3.60:1 contrast ratio on white and 5.82: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.