#C4A300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep golden yellow carries a distinct warmth that feels energetic and approachable. Because of its high saturation, #c4a300 works best as an accent color for calls to action or alert banners rather than a full background. It pairs well with charcoal greys for a high-contrast, modern look. The hex code for this color is #c4a300, and it offers excellent legibility with black text.
Questions about #c4a300
What is #c4a300 in RGB, HSL and CMYK?
In RGB, #c4a300 is rgb(196, 163, 0), in HSL hsl(50, 100%, 38%) and in CMYK 0%, 17%, 100%, 23%.
How should I use #c4a300 in web design?
#c4a300 functions best as an energetic accent color rather than a primary background shade. Use it for call-to-action buttons or alert banners where its high saturation effectively draws the eye against neutral palettes like dark grey or black.
What colors pair well with #c4a300?
This deep gold creates a sophisticated, high-contrast look when paired with charcoal or deep navy. For a more organic, earthy combination, try balancing the warmth of #c4a300 against muted, cool-toned neutrals or soft cream shades.
Is #c4a300 readable on white or black?
#c4a300 has a 2.44:1 contrast ratio on white and 8.58: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.