#E68D48 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A warm, mellow orange, #e68d48 feels approachable and energetic. This shade works best as an accent color rather than a primary background to avoid visual fatigue. It pairs well with deep slate grays or navy blue to ground its intensity. Because black text maintains a high contrast ratio against this hue, it remains readable for interface elements. The hex code for this color is #e68d48.
Questions about #e68d48
What is #e68d48 in RGB, HSL and CMYK?
In RGB, #e68d48 is rgb(230, 141, 72), in HSL hsl(26, 76%, 59%) and in CMYK 0%, 39%, 69%, 10%.
How can I effectively pair #e68d48 in UI design?
Because #e68d48 is quite intense, balance it by pairing the hue with deep, neutral tones like navy or slate gray. These dark foundations ground the brightness of the orange, creating a high-contrast, professional look that remains easy on the eyes.
Is #e68d48 suitable for text on a white background?
Using #e68d48 for body text is generally not recommended as it lacks sufficient contrast against white to meet accessibility standards. Reserve this specific orange for buttons, active states, or graphic accents where its warmth can stand out against high-contrast backgrounds.
Is #e68d48 readable on white or black?
#e68d48 has a 2.53:1 contrast ratio on white and 8.26: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.