#F58231 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange is bold, loud, and demands attention. Because it is highly intense, use #f58231 as a targeted 10% accent rather than a dominant background color. It pairs surprisingly well with deep, cool teals, which ground its inherent warmth. For interface design, black text remains highly readable over this shade, making it effective for high-contrast calls to action or UI highlights.
Questions about #f58231
What is #f58231 in RGB, HSL and CMYK?
In RGB, #f58231 is rgb(245, 130, 49), in HSL hsl(25, 91%, 58%) and in CMYK 0%, 47%, 80%, 4%.
How should I use #f58231 in a professional design layout?
Limit #f58231 to a 10% accent ratio to avoid overwhelming your audience with its intense vibrancy. It functions best when placed against a grounding deep teal or a dark charcoal background, which helps tame its inherent, loud warmth.
Is #f58231 readable on white or black?
#f58231 has a 2.58:1 contrast ratio on white and 8.11: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.