#F28546 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f28546 is a bright, strongly saturated orange with a warm red undertone and medium-high lightness. It brings energy and optimism to calls to action, food branding, sports graphics, and autumn palettes. Use it as a focused accent with navy, while black text remains highly legible at about an 8.2:1 contrast ratio. The hex code for this color is #f28546.
Questions about #f28546
What is #f28546 in RGB, HSL and CMYK?
In RGB, #f28546 is rgb(242, 133, 70), in HSL hsl(22, 87%, 61%) and in CMYK 0%, 45%, 71%, 5%.
What colors pair well with #f28546?
navy provides a strong, cool counterpoint to #f28546, while cream, charcoal, and muted olive can soften or ground its brightness in layouts for food, lifestyle, sports, and seasonal campaigns without competing with the orange accent.
Is #f28546 a warm or cool color?
#f28546 reads as a warm orange because its strong red undertone shifts it away from a yellow-orange cast. Its high saturation gives it an energetic, optimistic presence, making it more attention-grabbing than muted or brown-leaning oranges.
Where does #f28546 work best?
#f28546 works well as a focused accent in calls to action, food branding, sports graphics, and autumn palettes, where its saturated orange adds energy without requiring large areas of color.
Is #f28546 readable on white or black?
#f28546 has a 2.55:1 contrast ratio on white and 8.21: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.