#F56262 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm coral-red demands attention with its intense, beaming energy. Because of its high visibility, #f56262 works best as a punchy accent rather than a background color. It pairs surprisingly well with deep charcoal grays for a modern, high-contrast look. The hex code for this bold, fiery tone is #f56262, and it offers enough contrast for legible black text in small, UI-focused applications.
Questions about #f56262
What is #f56262 in RGB, HSL and CMYK?
In RGB, #f56262 is rgb(245, 98, 98), in HSL hsl(0, 88%, 67%) and in CMYK 0%, 60%, 60%, 4%.
How should I use #f56262 in a user interface?
#f56262 works best as a high-impact accent color for buttons, alerts, or notification badges rather than a large background. Its high saturation commands immediate attention, so pair it with neutral grays or white to prevent visual fatigue.
What colors pair well with #f56262?
Deep charcoal grays and soft off-whites provide the strongest contrast for #f56262, grounding its intense energy. For a more vibrant scheme, pair it with complementary teal or cyan tones to create a balanced, high-contrast look that feels modern and intentional.
Is #f56262 readable on white or black?
#f56262 has a 3.08:1 contrast ratio on white and 6.80: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.