#FF5C00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ff5c00 is an intense, high-saturation orange that demands immediate attention. This color works best as a sharp accent rather than a background, as its heavy saturation can easily overwhelm a layout. It pairs well with deep charcoals to create a high-contrast, modern look. The hex code for this bold, fiery tone is #ff5c00, which offers enough contrast for legible black text in UI design.
Questions about #ff5c00
What is #ff5c00 in RGB, HSL and CMYK?
In RGB, #ff5c00 is rgb(255, 92, 0), in HSL hsl(22, 100%, 50%) and in CMYK 0%, 64%, 100%, 0%.
How should #ff5c00 be used in web design?
Use #ff5c00 sparingly as a sharp accent color to draw user attention to buttons or specific call-to-action elements rather than as a background. Because of its extreme saturation, it creates excellent readability when paired with deep charcoal or dark gray text.
Is #ff5c00 readable on white or black?
#ff5c00 has a 3.09:1 contrast ratio on white and 6.78: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.