#CCC25A Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ccc25a graphic
With its muted saturation and warm, slightly green undertones, #ccc25a brings a mellow, softly glowing feel to designs. This yellow suits spring palettes, baby products, sale graphics, and practical construction branding. Use it as a supporting tone with navy or charcoal; black text remains highly readable on it, making the hex code #ccc25a useful for accessible backgrounds.

Questions about #ccc25a

What is #ccc25a in RGB, HSL and CMYK?
In RGB, #ccc25a is rgb(204, 194, 90), in HSL hsl(55, 53%, 58%) and in CMYK 0%, 5%, 56%, 20%.
What colors pair well with #ccc25a?
Cooler navy, charcoal, and deep olive pair well with #ccc25a, balancing its warm yellow-green cast with darker contrast; choose navy for a crisp look, charcoal for a softer neutral pairing, or burgundy for a warmer accent.
Does #ccc25a look warm or cool?
#ccc25a reads as a warm, muted yellow because its red and green channels are much stronger than its blue channel, while the subdued saturation gives it a slightly olive cast rather than a bright lemon appearance.
Is #ccc25a readable on white or black?
#ccc25a has a 1.83:1 contrast ratio on white and 11.43: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.