#CCBCAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccbcad is a pale, ashy neutral that sits right between beige and faded orange. Because of its low saturation, it functions best as a supporting tone rather than a dominant base. It offers excellent readability for black text, making it a practical choice for clean, minimal UI backgrounds. Pair it with deep charcoal or muted olive to keep the composition grounded.
Questions about #ccbcad
What is #ccbcad in RGB, HSL and CMYK?
In RGB, #ccbcad is rgb(204, 188, 173), in HSL hsl(29, 23%, 74%) and in CMYK 0%, 8%, 15%, 20%.
How should I use #ccbcad in a UI design?
#ccbcad excels as a grounding background color because of its low saturation, which keeps interface elements subtle yet readable. It works best when paired with charcoal or deep espresso text to ensure high contrast and professional clarity.
Does #ccbcad lean cool or warm?
This color sits on the fence, offering a muted, ashy warmth that avoids the yellow intensity of traditional beige. It functions as a flexible neutral, making it an excellent bridge between cool grays and warmer earth tones in a palette.
Is #ccbcad readable on white or black?
#ccbcad has a 1.84:1 contrast ratio on white and 11.36: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.