#D77A01 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, intense orange carries a significant punch of warmth. Because of its high chroma, it works best as a sharp accent or call-to-action button rather than a large background. It pairs exceptionally well with deep charcoals, as black text creates a high-contrast 6.7:1 ratio for readability. The hex code for this bold color is #d77a01.
Questions about #d77a01
What is #d77a01 in RGB, HSL and CMYK?
In RGB, #d77a01 is rgb(215, 122, 1), in HSL hsl(34, 99%, 42%) and in CMYK 0%, 43%, 100%, 16%.
How can #d77a01 be used effectively in UI design?
Because #d77a01 is highly saturated and demands attention, it is best reserved for functional elements like primary buttons, notification badges, or important links rather than large background areas. It creates a bold, active focal point that guides user behavior.
Is #d77a01 readable on white or black?
#d77a01 has a 3.14:1 contrast ratio on white and 6.67: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.