#D69100 Hex Color

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

Hex color #d69100 graphic
This warm, saturated amber packs visual intensity. As a high-energy shade, #d69100 works best as an accent color for calls to action or sports branding rather than a full background. The hex code offers excellent contrast, allowing black text to read clearly against it without losing legibility. Pair this shade with dark navy or charcoal to anchor its brightness in UI designs.

Questions about #d69100

What is #d69100 in RGB, HSL and CMYK?
In RGB, #d69100 is rgb(214, 145, 0), in HSL hsl(41, 100%, 42%) and in CMYK 0%, 32%, 100%, 16%.
How should I use #d69100 in interface design?
Apply #d69100 primarily as a vibrant accent for buttons or status indicators rather than a background color. Its high saturation and strong contrast make it perfect for drawing the eye to call-to-action elements while remaining legible against black text.
What colors complement #d69100 for a professional palette?
Balance the intensity of #d69100 by pairing it with navy or charcoal. These deep neutrals anchor the brightness of the amber, preventing the design from feeling overwhelming while maintaining a clean, modern contrast suitable for professional applications.
Is #d69100 readable on white or black?
#d69100 has a 2.65:1 contrast ratio on white and 7.90:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.