#DBA462 Hex Color

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

Hex color #dba462 graphic
This mellow, unsaturated orange provides a warm and approachable aesthetic. The hex code #dba462 serves as a solid base for UI layouts, particularly when paired with deep slate blues for balance. It maintains high legibility with black text, as the contrast ratio is strong enough for clear body copy. Use it where you need a gentle, optimistic foundation without overwhelming the design.

Questions about #dba462

What is #dba462 in RGB, HSL and CMYK?
In RGB, #dba462 is rgb(219, 164, 98), in HSL hsl(33, 63%, 62%) and in CMYK 0%, 25%, 55%, 14%.
What colors pair best with #dba462 in a design layout?
This unsaturated orange creates a natural harmony when paired with deep slate or charcoal tones, which provide the necessary depth to ground the warmth of the shade. These dark, cool colors ensure your interface remains professional and highly legible.
Is #dba462 a suitable choice for body text or buttons?
While #dba462 works beautifully as an accent or background foundation, it generally lacks sufficient contrast for small body text against white. Use it instead for call-to-action buttons or highlights where its approachable, optimistic character can effectively guide the user.
Is #dba462 readable on white or black?
#dba462 has a 2.21:1 contrast ratio on white and 9.49: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.