#DE901A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold orange sits at the intersection of high energy and approachable warmth. Its high saturation makes it better suited for sharp UI accents than large, dominant backgrounds. Pair it with dark charcoal to balance the intensity. The hex code for this color is #de901a, which offers enough contrast for black text to remain perfectly legible at small sizes.
Questions about #de901a
What is #de901a in RGB, HSL and CMYK?
In RGB, #de901a is rgb(222, 144, 26), in HSL hsl(36, 79%, 49%) and in CMYK 0%, 35%, 88%, 13%.
What colors pair best with #de901a?
This bold orange works effectively when balanced by charcoal or deep navy, which ground its intensity without sacrificing vibrancy. Because it is highly saturated, avoid pairing it with other bright warm tones to prevent visual clutter in your interface design.
Is #de901a suitable for text on a white background?
#de901a generally fails standard accessibility contrast ratios when placed directly over white, so it should be reserved for decorative UI elements or larger graphic shapes. For functional text, opt for a significantly darker, desaturated version of this hue.
Is #de901a readable on white or black?
#de901a has a 2.58:1 contrast ratio on white and 8.11: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.