#F58025 Hex Color
A high-intensity orange that demands attention
#f58025 is a high-intensity orange that demands immediate attention. Due to its extreme saturation, it functions best as a small accent rather than a background. Use it for call to action buttons or safety highlights where visibility matters. It creates a striking, balanced contrast when paired with deep charcoal grays rather than pure black. The hex code for this vivid shade is #f58025.
Questions about #f58025
What is #f58025 in RGB, HSL and CMYK?
In RGB, #f58025 is rgb(245, 128, 37), in HSL hsl(26, 91%, 55%) and in CMYK 0%, 48%, 85%, 4%.
What colors pair best with #f58025?
#f58025 works exceptionally well when balanced against deep charcoal or dark gray tones rather than pure black. The high saturation of this orange creates a striking, professional contrast that anchors the boldness of the color without overwhelming your overall layout.
How should I use #f58025 in a layout?
Because #f58025 is so intensely saturated, it is best reserved for small, impactful elements like call-to-action buttons, notifications, or safety highlights. Using it sparingly ensures it draws the eye immediately where it is needed most without causing visual fatigue for users.
Is #f58025 readable on white or black?
#f58025 has a 2.62:1 contrast ratio on white and 7.99: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.