#F28557 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f28557 is a high-energy orange that balances a neon brightness with a warm, mellow tone. Because of its intensity, it works best as an accent color rather than a large background. It pairs exceptionally well with charcoal or deep slate, which tones down its inherent loudness. If you are experimenting with how to make orange shades, this hex code stands out as a bold, modern choice.
Questions about #f28557
What is #f28557 in RGB, HSL and CMYK?
In RGB, #f28557 is rgb(242, 133, 87), in HSL hsl(18, 86%, 65%) and in CMYK 0%, 45%, 64%, 5%.
How should I use #f28557 in a design?
This orange is quite intense and functions best as a focused accent rather than a primary background color. Use it sparingly to highlight charcoal or deep slate designs, which provide the necessary contrast to ground its brightness.
Does #f28557 lean warm or cool?
The color #f28557 is distinctly warm, carrying a strong neon quality that makes it pop against cooler neutrals. Its energy works well for call-to-action buttons or highlights but can quickly overwhelm a layout if used across large surface areas.
Is #f28557 readable on white or black?
#f28557 has a 2.53:1 contrast ratio on white and 8.26: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.