#F28130 Hex Color

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

Hex color #f28130 graphic
A saturated, warm orange with strong red undertones, #f28130 feels energetic, bright, and attention-grabbing without looking pastel. The hex code works well for calls to action, sports graphics, food branding, and autumn accents. Use it as a focused accent rather than a full background, and choose black text for strong readable contrast.

Questions about #f28130

What is #f28130 in RGB, HSL and CMYK?
In RGB, #f28130 is rgb(242, 129, 48), in HSL hsl(25, 88%, 57%) and in CMYK 0%, 47%, 80%, 5%.
What colors pair well with #f28130 in a design palette?
Navy, charcoal, and muted teal pair well with #f28130 because their darker or cooler values control its brightness while preserving contrast. Use navy for a confident brand palette, charcoal for practical layouts, or muted teal for a livelier complementary direction.
Is #f28130 readable on white or black?
#f28130 has a 2.63:1 contrast ratio on white and 7.95: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.