#FF5B45 Hex Color

A vibrant, high-energy orange-red accent

Hex color #ff5b45 graphic
This bold, saturated orange-red commands attention with its intense, high-energy presence. Because of its extreme brightness, #ff5b45 functions best as a high-impact accent color rather than a primary background shade. It pairs well with slate grays or deep navies to ground its inherent heat. The hex code #ff5b45 offers enough contrast for black text to remain legible, ensuring readability in calls to action or UI highlights.

Questions about #ff5b45

What is #ff5b45 in RGB, HSL and CMYK?
In RGB, #ff5b45 is rgb(255, 91, 69), in HSL hsl(7, 100%, 64%) and in CMYK 0%, 64%, 73%, 0%.
What design elements work best with #ff5b45?
Use #ff5b45 primarily as a functional accent color, such as for call-to-action buttons, notification badges, or critical UI alerts. Because it commands such intense visual attention, it can quickly overwhelm a design if used for large background areas or primary text.
Which colors pair best with #ff5b45?
This orange-red pairs effectively with grounding neutrals like charcoal or deep navy to balance its high-energy presence. Using these dark, muted tones creates the necessary contrast to let the vibrancy of #ff5b45 shine without competing for attention in your layout.
Is #ff5b45 readable on white or black?
#ff5b45 has a 3.07:1 contrast ratio on white and 6.83:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.