#CCBDB1 Hex Color

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

Hex color #ccbdb1 graphic
This bleached, ashy shade sits between soft orange and light grey. With its low saturation and airy lightness, #ccbdb1 functions best as a neutral background rather than a focal point. It provides enough contrast to pair well with black text, making it a functional choice for clean, minimal interfaces. Designers often use this hex code in palettes requiring a muted, understated foundation.

Questions about #ccbdb1

What is #ccbdb1 in RGB, HSL and CMYK?
In RGB, #ccbdb1 is rgb(204, 189, 177), in HSL hsl(27, 21%, 75%) and in CMYK 0%, 7%, 13%, 20%.
How should I use #ccbdb1 in a UI design?
#ccbdb1 works best as a neutral background or subtle separator rather than a primary focal point. Its muted, airy quality provides an excellent backdrop for high-contrast typography, ensuring that your text remains legible and professional on digital interfaces.
What color families pair well with #ccbdb1?
Pair #ccbdb1 with deep tones like charcoal or navy to create a sophisticated, balanced contrast. If you prefer a softer, organic aesthetic, it also complements earthy, muted greens like sage or warm, desaturated terracotta tones.
Is #ccbdb1 readable on white or black?
#ccbdb1 has a 1.82:1 contrast ratio on white and 11.48: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.