#FF5D00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange demands attention. Due to its high chroma, #ff5d00 works best as a punchy accent or a call to action rather than a full background. It pairs exceptionally well with deep charcoal grays, which ground its electric energy. While black text remains highly readable over this shade, use it sparingly to avoid overwhelming your composition. The hex code is #ff5d00.
Questions about #ff5d00
What is #ff5d00 in RGB, HSL and CMYK?
In RGB, #ff5d00 is rgb(255, 93, 0), in HSL hsl(22, 100%, 50%) and in CMYK 0%, 64%, 100%, 0%.
How should I use #ff5d00 in a UI layout?
Use #ff5d00 sparingly as a highlight or call-to-action button to guide user attention without overwhelming the interface. Because of its high intensity, it balances perfectly when paired with charcoal or deep neutral grays rather than competing with other vibrant primaries.
Is #ff5d00 readable on white or black?
#ff5d00 has a 3.08:1 contrast ratio on white and 6.81: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.