#D67400 Hex Color

A bold and energetic high-saturation orange

Hex color #d67400 graphic
High-saturation orange #d67400 commands attention with its intense, warm energy. This bold tone works best as a sharp accent rather than a full background, where it risks overwhelming the viewer. Pair it with dark charcoal or deep navy for a sophisticated, high-contrast look. Because black text remains legible at 6.4:1 against this hex code, it functions well for buttons and call-to-action elements.

Questions about #d67400

What is #d67400 in RGB, HSL and CMYK?
In RGB, #d67400 is rgb(214, 116, 0), in HSL hsl(33, 100%, 42%) and in CMYK 0%, 46%, 100%, 16%.
What colors pair well with #d67400?
Because #d67400 is a high-energy orange, it balances perfectly against deep, neutral tones like charcoal or dark navy to ground the design. These dark backgrounds allow the orange to pop without appearing chaotic or overwhelming the user interface.
Can I use #d67400 for text on a white background?
Using #d67400 as a font color on a white background is generally not recommended due to poor readability and accessibility contrast ratios. It is much more effective as a high-contrast accent for buttons, icons, or interactive elements where readability is focused.
Is #d67400 readable on white or black?
#d67400 has a 3.30:1 contrast ratio on white and 6.35: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.