#F28218 Hex Color

An intense and high-energy vibrant orange

Hex color #f28218 graphic
This intense, high-saturation orange commands attention immediately. Because of its extreme brightness, #f28218 works best as a small accent rather than a background color. It pairs surprisingly well with deep charcoal or navy blue to ground its high-energy personality. The hex code for this bold, alert-worthy orange is #f28218, and it maintains excellent readability with black text overlays.

Questions about #f28218

What is #f28218 in RGB, HSL and CMYK?
In RGB, #f28218 is rgb(242, 130, 24), in HSL hsl(29, 89%, 52%) and in CMYK 0%, 46%, 90%, 5%.
How should I use #f28218 in web design?
Because #f28218 is extremely high-energy, it functions best as a focused accent for buttons or call-to-action elements rather than a large background. It pairs exceptionally well with deep charcoal or navy to ground the intensity.
Is #f28218 readable on white or black?
#f28218 has a 2.63:1 contrast ratio on white and 7.98: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.