#D78A2E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated orange offers a mellow, earthy warmth that avoids the harshness of brighter tones. It functions best as an accent color rather than a large-scale background, as its heavy saturation can overwhelm a layout. Pair it with deep charcoal grays to create contrast that remains readable, as black text is highly legible against this hex code, #d78a2e.
Questions about #d78a2e
What is #d78a2e in RGB, HSL and CMYK?
In RGB, #d78a2e is rgb(215, 138, 46), in HSL hsl(33, 68%, 51%) and in CMYK 0%, 36%, 79%, 16%.
How do I best use #d78a2e in a design layout?
Use #d78a2e sparingly as an accent color rather than a primary background to avoid overwhelming your viewer. It creates a sophisticated, grounded aesthetic when paired alongside charcoal or deep neutral grays, ensuring your text remains highly legible and visually balanced.
Is #d78a2e considered a warm or cool color?
This color leans distinctly warm due to its orange undertones, but it remains accessible because of its muted, unsaturated saturation. It provides a comfortable visual heat without the sharp intensity that brighter, fully saturated oranges often bring to a user interface.
Is #d78a2e readable on white or black?
#d78a2e has a 2.77:1 contrast ratio on white and 7.56: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.