#C4A122 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mustard yellow carries a heavy, earthy saturation that leans into golden territory. Because #c4a122 is bold and dense, it works best as a 10% accent color rather than a large background. It pairs well with charcoal grays and deep navies to create a classic, construction-inspired aesthetic. Since black text provides excellent 8.5:1 contrast, this hex code remains highly readable for UI elements like buttons or notification badges.
Questions about #c4a122
What is #c4a122 in RGB, HSL and CMYK?
In RGB, #c4a122 is rgb(196, 161, 34), in HSL hsl(47, 70%, 45%) and in CMYK 0%, 18%, 83%, 23%.
How should #c4a122 be used in web design?
Because #c4a122 is visually heavy and dense, use it sparingly as a 10% accent color for buttons or notification badges rather than large backgrounds. It maintains excellent readability against dark text, ensuring UI elements remain accessible while capturing user attention.
Which colors pair well with #c4a122?
Is #c4a122 readable on white or black?
#c4a122 has a 2.47:1 contrast ratio on white and 8.46: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.