#D16F00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bold, saturated orange carries a high-energy intensity that demands attention. Because #d16f00 is so aggressive, use it as a 10% accent color rather than a large background to avoid visual fatigue. It pairs surprisingly well with deep, cool charcoal grays, which allow the warmth to pop without clashing. Black text remains highly readable over this shade for clear, impactful typography.
Questions about #d16f00
What is #d16f00 in RGB, HSL and CMYK?
In RGB, #d16f00 is rgb(209, 111, 0), in HSL hsl(32, 100%, 41%) and in CMYK 0%, 47%, 100%, 18%.
How should #d16f00 be used in design projects?
Because #d16f00 is visually aggressive, apply it sparingly as a 10% accent color to avoid overwhelming your layout. It draws the eye instantly, making it perfect for call-to-action buttons or highlights that need to stand out against neutral, cool backgrounds.
What colors pair well with #d16f00?
Pair #d16f00 with deep charcoal or dark gray tones to ground its high-energy warmth without creating visual clutter. These dark, neutral companions allow the orange to pop effectively while maintaining the professional readability of your text and UI elements.
Is #d16f00 readable on white or black?
#d16f00 has a 3.50:1 contrast ratio on white and 5.98: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.