#DBA40E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This golden yellow is high-energy and saturated, perfect for drawing attention to sale banners or call-to-action buttons. Because it carries such a heavy visual weight, use #dba40e sparingly as a 10% accent rather than a full background color. It pairs surprisingly well with deep charcoal or slate greys for a modern, high-contrast look. Black text reads clearly over this shade, meeting accessibility standards for readable body copy.
Questions about #dba40e
What is #dba40e in RGB, HSL and CMYK?
In RGB, #dba40e is rgb(219, 164, 14), in HSL hsl(44, 88%, 46%) and in CMYK 0%, 25%, 94%, 14%.
What are the best practices for using #dba40e in UI design?
Treat #dba40e as a high-impact accent color rather than a dominant background tone. Because of its intense saturation, it works effectively for small UI elements like call-to-action buttons or sale banners where you need to draw the user's immediate attention.
Which colors complement #dba40e for a balanced palette?
This shade creates a modern, sophisticated contrast when paired with charcoal or deep slate tones. If you need a more grounded, natural palette, it also works well alongside muted earth tones, provided the saturation levels are balanced against the golden hue.
Is #dba40e readable on white or black?
#dba40e has a 2.25:1 contrast ratio on white and 9.32: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.