#C9B716 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This mustard-leaning yellow carries a high-energy, acidic quality that commands attention. Because it is so saturated, #c9b716 works best as a sharp accent rather than a background color. It provides excellent contrast for black text, making it a functional choice for high-visibility buttons or warnings. Use this hex code sparingly to maintain impact without overwhelming your design layout.
Questions about #c9b716
What is #c9b716 in RGB, HSL and CMYK?
In RGB, #c9b716 is rgb(201, 183, 22), in HSL hsl(54, 80%, 44%) and in CMYK 0%, 9%, 89%, 21%.
What is the best way to use #c9b716 in a design?
Use #c9b716 strictly as a high-visibility accent color, such as for call-to-action buttons, warning icons, or interactive elements. Because of its extreme saturation, it tends to overwhelm layouts when used in large blocks or as a primary background color.
Which text color works best against #c9b716?
Dark charcoal text provides the necessary contrast to remain legible against this bright mustard yellow. Avoid using light text or white, as the contrast ratio is typically insufficient for modern accessibility standards in most interface applications.
Is #c9b716 readable on white or black?
#c9b716 has a 2.04:1 contrast ratio on white and 10.26: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.