#DB7B00 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, saturated orange demands immediate attention. Due to its high chroma, it functions best as a sharp accent or call to action rather than a full page background. Black text remains highly legible against this tone with a 6.8:1 contrast ratio. For a balanced palette, pair this color with a dark, muted charcoal to ground its natural exuberance. The hex code is #db7b00.
Questions about #db7b00
What is #db7b00 in RGB, HSL and CMYK?
In RGB, #db7b00 is rgb(219, 123, 0), in HSL hsl(34, 100%, 43%) and in CMYK 0%, 44%, 100%, 14%.
How can I use #db7b00 effectively in a design layout?
Because #db7b00 is a high chroma orange, it functions best as a focused accent color rather than a primary background. It naturally draws the eye, making it the perfect choice for buttons, notification badges, or essential icons where you need immediate user engagement.
What colors create a balanced palette with #db7b00?
To ground the exuberant nature of #db7b00, pair it with a dark, muted charcoal or deep slate. These neutral, darker tones prevent the orange from feeling overwhelming while providing the high contrast needed to keep your text and interface elements readable and professional.
Is #db7b00 readable on white or black?
#db7b00 has a 3.06:1 contrast ratio on white and 6.84: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.