#F28735 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f28735 is a saturated, high-energy orange that demands attention. Because of its intensity, it works best as a 10% accent color for calls to action or UI highlights rather than a full background. It pairs exceptionally well with deep charcoal grays to ground its brightness. With high contrast against black text, this hex code provides excellent readability for smaller, punchy design elements.
Questions about #f28735
What is #f28735 in RGB, HSL and CMYK?
In RGB, #f28735 is rgb(242, 135, 53), in HSL hsl(26, 88%, 58%) and in CMYK 0%, 44%, 78%, 5%.
What colors pair best with #f28735 for UI design?
Because #f28735 is so intense, it looks best when anchored by deep charcoal or slate grays, which ground its brightness without fighting for attention. Avoid using it alongside other equally saturated neons, as this creates visual fatigue for the user.
Can #f28735 be used for large text blocks?
This color is generally too vibrant and saturated for long-form reading, as it can cause eye strain at larger sizes. It is much more effective when reserved for small, punchy elements like buttons, notification badges, or icon highlights that need to pop.
Is #f28735 readable on white or black?
#f28735 has a 2.53:1 contrast ratio on white and 8.29: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.