#F28A2E Hex Color

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

Hex color #f28a2e graphic
Bold and highly saturated, #f28a2e is a bright, warm orange with a red-yellow balance. Its strong chroma brings energy and excitement to calls to action, food branding, sports graphics, and autumn campaigns. Use it as a small accent beside navy or charcoal rather than a full-page background. The hex code #f28a2e supports clear black text, with about an 8.5:1 contrast ratio.

Questions about #f28a2e

What is #f28a2e in RGB, HSL and CMYK?
In RGB, #f28a2e is rgb(242, 138, 46), in HSL hsl(28, 88%, 56%) and in CMYK 0%, 43%, 81%, 5%.
What colors pair well with #f28a2e?
#f28a2e pairs well with navy or charcoal, which temper its saturated warmth and make the orange feel more focused; use it for buttons, highlights, or small graphic accents instead of large background areas.
Does #f28a2e read as a warm or cool color?
#f28a2e reads as a warm orange because its hue balances red and yellow, with enough red influence to feel lively and inviting rather than pale or subdued in visual designs.
Is #f28a2e readable on white or black?
#f28a2e has a 2.48:1 contrast ratio on white and 8.45:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.