#DE7500 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#de7500 is a high-energy, saturated orange that demands immediate attention. Because of its intensity, this hue works best as a 10 percent accent color rather than a large background. It pairs surprisingly well with deep charcoal grays or midnight blues, which tame its natural exuberance. Black text provides excellent readability against this shade, meeting accessibility standards for small body copy.
Questions about #de7500
What is #de7500 in RGB, HSL and CMYK?
In RGB, #de7500 is rgb(222, 117, 0), in HSL hsl(32, 100%, 44%) and in CMYK 0%, 47%, 100%, 13%. Browse more shades of orange with names and hex codes.
How should I use #de7500 in my design layout?
#de7500 functions best as a high-impact accent color covering roughly ten percent of your layout. Its intense, saturated nature tends to overwhelm if used for large backgrounds, so reserve this shade for call-to-action buttons or small, striking visual elements.
Which colors pair effectively with #de7500?
Deep, cool neutrals provide the best balance for the intense warmth of #de7500, preventing the palette from looking chaotic. Try pairing it with dark charcoal or deep midnight blue tones to create a sophisticated contrast that tames the natural exuberance of this orange.
Is #de7500 readable on white or black?
#de7500 has a 3.15:1 contrast ratio on white and 6.65: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.