#CCBD7A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccbd7a is a muted, desaturated yellow with earthy green undertones. This mellow shade works best as a supporting tone rather than a dominant base, as its low chroma can appear washed out in large areas. It offers excellent contrast for black text, making it a functional choice for UI elements. Pair it with charcoal gray or deep slate to ground its inherent softness and prevent a muddy appearance.
Questions about #ccbd7a
What is #ccbd7a in RGB, HSL and CMYK?
In RGB, #ccbd7a is rgb(204, 189, 122), in HSL hsl(49, 45%, 64%) and in CMYK 0%, 7%, 40%, 20%.
Which colors pair best with #ccbd7a?
Use #ccbd7a with deep, cool tones like charcoal or slate to provide necessary contrast and prevent the yellow from appearing muddy. Pairing it with dark neutrals effectively anchors the softness of this muted shade for balanced, professional UI designs.
Is #ccbd7a suitable for large blocks of text?
Avoid using #ccbd7a as a base for large blocks of text, as its low chroma and muted quality can create readability issues and eye strain. It functions much better as an accent color for borders, icons, or specific interactive elements.
Is #ccbd7a readable on white or black?
#ccbd7a has a 1.88:1 contrast ratio on white and 11.12: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.