#CCB39E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccb39e is a tinted, pastel orange with dusty beige and ashy brown undertones. Its low saturation and light value create a soft, gentle look suited to warm backgrounds, spring layouts, baby products, and autumn themes. Use this hex code as a supporting tone with dark brown; black text has about a 10.5:1 contrast ratio for readable body copy.
Questions about #ccb39e
What is #ccb39e in RGB, HSL and CMYK?
In RGB, #ccb39e is rgb(204, 179, 158), in HSL hsl(27, 31%, 71%) and in CMYK 0%, 12%, 23%, 20%.
What colors pair well with #ccb39e?
#ccb39e pairs well with deep brown, charcoal, and soft cream, giving its pale, dusty orange base enough structure for headings, borders, and small accents without overpowering its gentle warmth in a restrained palette. Use the darker partners for headings and the lighter cream for spacious background areas.
Where does #ccb39e work best in a design?
#ccb39e works best as a light background across large surfaces or a supporting brand tone, especially in spring, baby, food, and youth-focused layouts where its muted warmth keeps brighter accents from feeling harsh. Use darker type and borders because it can look washed out beside pure white.
Is #ccb39e readable on white or black?
#ccb39e has a 1.99:1 contrast ratio on white and 10.50: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.