#CCB19F Hex Color

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

Hex color #ccb19f graphic
This dusty, muted orange offers a neutral and grounded aesthetic. With its desaturated, earthy undertone, #ccb19f excels as a supporting background rather than a bold highlight. It pairs surprisingly well with deep forest greens or sharp charcoals to create visual balance. Because of its high contrast accessibility, this hex code supports black text reliably for readable interface design.

Questions about #ccb19f

What is #ccb19f in RGB, HSL and CMYK?
In RGB, #ccb19f is rgb(204, 177, 159), in HSL hsl(24, 31%, 71%) and in CMYK 0%, 13%, 22%, 20%. Browse more shades of brown with names and hex codes.
How can I best use #ccb19f in professional UI design?
Use #ccb19f as a soft background or structural element because its desaturated nature creates a calm, earthy base that remains highly legible against standard black typography. It effectively bridges the gap between warm neutral tones and more vibrant accent colors.
What color combinations work best with #ccb19f?
Pair #ccb19f with deep, cool-toned neutrals like charcoal or dark, desaturated blues to anchor the warmth. For a more natural, organic palette, it also complements rich forest green tones by providing a balanced, desert-inspired contrast.
Is #ccb19f readable on white or black?
#ccb19f has a 2.02:1 contrast ratio on white and 10.35: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.