#D77B28 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #d77b28 graphic
#d77b28 is a warm, mid-tone orange with high saturation. This punchy hue pairs well with deep charcoals or navy blues to ground its intense energy. While bold, it works best as a 10% accent color rather than a large background, which can overwhelm the eye. Because black text maintains a strong 6.8:1 contrast ratio against it, the hex code #d77b28 is ideal for high-visibility buttons and call-to-action elements.

Questions about #d77b28

What is #d77b28 in RGB, HSL and CMYK?
In RGB, #d77b28 is rgb(215, 123, 40), in HSL hsl(28, 69%, 50%) and in CMYK 0%, 43%, 81%, 16%.
Where does #d77b28 work best in a design?
Use #d77b28 primarily as a 10% accent color rather than a large background, as its high saturation can overwhelm the viewer. It functions brilliantly for high-visibility call-to-action buttons or small UI elements, especially when paired with charcoal or deep navy text to ground its energy.
Is #d77b28 readable on white or black?
#d77b28 has a 3.10:1 contrast ratio on white and 6.75: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.