#D48128 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated orange feels warm and mellow, fitting well into youth branding or autumn-themed graphics. The hex code #d48128 supports high contrast against black text, aiding readability in smaller applications. Use this shade sparingly as a supporting accent instead of a full background, as its intensity overwhelms at large scales. It flatters designs paired with dark charcoal or moody teals.
Questions about #d48128
What is #d48128 in RGB, HSL and CMYK?
In RGB, #d48128 is rgb(212, 129, 40), in HSL hsl(31, 68%, 49%) and in CMYK 0%, 39%, 81%, 17%.
What colors pair best with #d48128?
Because of its intense saturation, #d48128 works best when balanced against neutral, grounded tones like charcoal or deep, moody teals. Using these darker hues as your primary base allows this orange to function as a striking, high-visibility pop of color.
Is #d48128 a good choice for text and backgrounds?
Using #d48128 as a full-page background is generally overwhelming due to its high intensity, which can strain the eyes. It is much more effective when applied to buttons, headers, or small UI elements, especially when layered over a high-contrast dark background for readability.
Is #d48128 readable on white or black?
#d48128 has a 3.01:1 contrast ratio on white and 6.97: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.