#F26154 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f26154 is a high-energy, saturated red with strong warm undertones. It demands attention, making it an ideal choice for call-to-action buttons or small UI accents where you need immediate user focus. Avoid using this hex code as a large background, as its intensity can become overwhelming. Pair it with dark charcoal text for the best readability, as black provides excellent contrast against this bright hue.
Questions about #f26154
What is #f26154 in RGB, HSL and CMYK?
In RGB, #f26154 is rgb(242, 97, 84), in HSL hsl(5, 86%, 64%) and in CMYK 0%, 60%, 65%, 5%.
How should I use #f26154 in my UI designs?
#f26154 works best as an accent color for call-to-action buttons or small visual elements that require immediate user focus. Avoid using this saturated tone as a large background color, as its high intensity can quickly overwhelm a layout and cause eye fatigue.
What colors pair well with #f26154?
This vibrant red pairs beautifully with charcoal or dark gray text, which provides the necessary contrast for readability. For a balanced palette, consider softening its impact with cool neutral tones or desaturated blues to anchor the energy.
Is #f26154 readable on white or black?
#f26154 has a 3.17:1 contrast ratio on white and 6.61: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.