#F58D4C Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #f58d4c graphic
This saturated, neon-leaning orange commands attention without feeling aggressive. It works best as an energetic accent color rather than a large background, where it can easily overwhelm the eye. For high legibility, pair this shade with black text, as the hex code #f58d4c provides strong contrast for small type. It is a bold choice for sports branding or youth-focused digital interfaces.

Questions about #f58d4c

What is #f58d4c in RGB, HSL and CMYK?
In RGB, #f58d4c is rgb(245, 141, 76), in HSL hsl(23, 89%, 63%) and in CMYK 0%, 42%, 69%, 4%.
Does #f58d4c work well for body text or small type?
This shade is generally too bright and low-contrast for long-form body text, often causing eye fatigue on standard screens. Use #f58d4c primarily for impactful buttons, alerts, or energetic highlights, and pair it with charcoal or deep black for legibility.
What colors provide the best balance for #f58d4c?
Because #f58d4c leans toward neon energy, it benefits from grounding neutral tones to prevent visual overwhelm. Pair this orange with slate or navy to create a sophisticated, modern contrast that keeps the vibrancy contained without losing its punch.
Is #f58d4c readable on white or black?
#f58d4c has a 2.38:1 contrast ratio on white and 8.79: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.