#CCB484 Hex Color

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

Hex color #ccb484 graphic
#ccb484 is a dusty, pastel yellow with warm beige and gray undertones. Its low saturation creates a mellow, gentle mood suited to spring layouts, baby products, budget branding, and construction themes. Use it as a dominant background with dark brown or navy accents; black text also provides strong readability. The hex code is #ccb484.

Questions about #ccb484

What is #ccb484 in RGB, HSL and CMYK?
In RGB, #ccb484 is rgb(204, 180, 132), in HSL hsl(40, 41%, 66%) and in CMYK 0%, 12%, 35%, 20%.
What colors pair well with #ccb484?
Pair #ccb484 with dark brown, navy, charcoal, or muted terracotta for grounded contrast that keeps its beige warmth visible. Use cream and other pale neutrals sparingly, since they can reduce separation in text and interface elements.
Is #ccb484 warm or cool?
The warm beige and gray undertones make #ccb484 feel mellow and approachable, while its low saturation keeps it understated; use it for calm backgrounds, spring-inspired layouts, packaging, or warm neutral accents rather than high-energy calls to action.
Is #ccb484 readable on white or black?
#ccb484 has a 2.01:1 contrast ratio on white and 10.42: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.