#DCC651 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, sun-drenched yellow carries a warm, metallic undertone that feels more gold than citrus. #dcc651 works best as a high-impact accent or CTA button color because it demands attention. While its high contrast allows for clear black text, use it sparingly in layouts to avoid overwhelming the eye. The hex code for this sparkling yellow is #dcc651.
Questions about #dcc651
What is #dcc651 in RGB, HSL and CMYK?
In RGB, #dcc651 is rgb(220, 198, 81), in HSL hsl(51, 67%, 59%) and in CMYK 0%, 10%, 63%, 14%.
What is the best way to use #dcc651 in a UI design?
Use #dcc651 sparingly as a high-contrast accent or call-to-action button to command immediate attention. Because it is so saturated, pairing it with charcoal or dark gray text ensures readability while preventing the visual layout from feeling overwhelming to users.
Does #dcc651 work well with cool-toned colors?
This warm, metallic yellow creates a striking contrast when placed next to cool tones like navy or deep teal. These pairings highlight the golden quality of the yellow, making it pop against the background without the vibration issues found with lighter neons.
Is #dcc651 readable on white or black?
#dcc651 has a 1.71:1 contrast ratio on white and 12.23: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.