#DBA453 Hex Color

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

Hex color #dba453 graphic
This warm, golden tone evokes a sense of optimism and playfulness. Because of its medium saturation, #dba453 works best as a supporting tone or accent rather than a full background color. Pair it with deep charcoals or navy for balance, as its brightness can feel overwhelming in large blocks. The hex code for this color is #dba453, which maintains excellent readability when paired with black text.

Questions about #dba453

What is #dba453 in RGB, HSL and CMYK?
In RGB, #dba453 is rgb(219, 164, 83), in HSL hsl(36, 65%, 59%) and in CMYK 0%, 25%, 62%, 14%.
What colors pair best with the #dba453 golden tone?
#dba453 works beautifully when grounded by deeper, neutral tones that prevent its brightness from becoming overwhelming in a design. Pair it with dark charcoal or deep navy to create a sophisticated balance that feels both modern and professional.
How can #dba453 be used effectively in UI design?
Use #dba453 sparingly as an accent for call-to-action buttons, highlights, or icons rather than filling large screen areas. Its medium saturation makes it an excellent choice for guiding the user eye without the intense glare of a pure, bright yellow.
Is #dba453 readable on white or black?
#dba453 has a 2.22:1 contrast ratio on white and 9.44: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.