#F28705 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange delivers intense, warm energy that instantly draws the eye. Because #f28705 is so bright, it works best as a 10% accent color for buttons or alerts rather than a full page background. Pair it with deep charcoals to ground the intensity. Black text maintains high readability on this hex code, providing an 8.2:1 contrast ratio for your UI elements.
Questions about #f28705
What is #f28705 in RGB, HSL and CMYK?
In RGB, #f28705 is rgb(242, 135, 5), in HSL hsl(33, 96%, 48%) and in CMYK 0%, 44%, 98%, 5%.
Where should I use #f28705 in my design?
#f28705 works best as a deliberate accent rather than a dominant background color. It is ideal for call-to-action buttons, notification badges, or warning alerts, where its intense energy can guide the user's eye effectively without overwhelming the interface.
What colors pair well with #f28705?
Deep neutrals like charcoal or slate provide the necessary grounding to balance the intensity of #f28705. These dark backgrounds allow the orange to pop without appearing aggressive, creating a sophisticated contrast that feels modern and readable for digital UI components.
Is #f28705 readable on white or black?
#f28705 has a 2.54:1 contrast ratio on white and 8.24: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.