#F5623D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Not quite red and not quite orange, #f5623d is a saturated red-orange that reads warm, loud, and bright. Its high saturation makes it an accent color, not a background: use it for buttons, highlights, and calls to action. For pairing, it looks richer against deep teal than against plain white, which can wash it out. Black text on top hits about 6.7:1 contrast, enough for WCAG AA body text. If you want to push it warmer, see how to make orange.
Questions about #f5623d
What is #f5623d in RGB, HSL and CMYK?
In RGB, #f5623d is rgb(245, 98, 61), in HSL hsl(12, 90%, 60%) and in CMYK 0%, 60%, 75%, 4%.
What text color works best on #f5623d?
Black text is the safe choice, reaching about 6.7:1 contrast, which passes WCAG AA for body text. White text falls well short of that threshold, so avoid light type directly on this shade.
What colors pair well with #f5623d?
Deep teal and dark navy both ground its brightness, while warm neutrals like tan keep it from shouting. Against white it can look washed out, so give it darker neighbors instead.
Is #f5623d readable on white or black?
#f5623d has a 3.13:1 contrast ratio on white and 6.69: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.