#D16700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#d16700 is a high-intensity orange that demands attention. Due to its saturated character, it works best as a 10% accent color for buttons or call-to-action highlights. Pairing it with charcoal grays helps ground the intensity. The hex code is #d16700. It reads clearly against black text for accessibility, but designers should avoid using it as a large background to maintain readability.
Questions about #d16700
What is #d16700 in RGB, HSL and CMYK?
In RGB, #d16700 is rgb(209, 103, 0), in HSL hsl(30, 100%, 41%) and in CMYK 0%, 51%, 100%, 18%.
How can I effectively use #d16700 in my designs?
#d16700 functions best as an accent color rather than a primary background shade because of its intense saturation. Use it sparingly for call-to-action buttons, icons, or text highlights to draw immediate attention without overwhelming the viewer's eyes.
What colors pair well with #d16700?
Pair #d16700 with charcoal or deep, neutral grays to ground its high energy and improve readability. These dark, muted tones provide a necessary balance that prevents the brightness of the orange from appearing chaotic in professional layouts.
Is #d16700 readable on white or black?
#d16700 has a 3.71:1 contrast ratio on white and 5.65: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.