#F85956 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f85956 is an intensely saturated red that demands attention with its warm, high-energy presence. Because this shade is so loud, reserve it for small accents or specific calls to action rather than large backgrounds. It maintains excellent readability with black text, though you might consider mixing brown if you need to ground the intensity for a more balanced palette.
Questions about #f85956
What is #f85956 in RGB, HSL and CMYK?
In RGB, #f85956 is rgb(248, 89, 86), in HSL hsl(1, 92%, 65%) and in CMYK 0%, 64%, 65%, 3%.
How should I use #f85956 in my user interface design?
This red is highly saturated, so use #f85956 sparingly for small UI elements like buttons or notification badges. Large backgrounds in this shade often overwhelm the user, so balance it against neutral gray or muted tones.
Is #f85956 readable on white or black?
#f85956 has a 3.20:1 contrast ratio on white and 6.55: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.