#CCAB88 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty orange feels mellow and approachable due to its very low saturation. As a soft neutral, #ccab88 pairs effectively with deep charcoal or slate blue to create contrast without looking stark. Because it is highly readable, this hex code works well for body text or large, welcoming backgrounds in youth-oriented branding. Use it to bring a sense of gentle optimism to your layouts.
Questions about #ccab88
What is #ccab88 in RGB, HSL and CMYK?
In RGB, #ccab88 is rgb(204, 171, 136), in HSL hsl(31, 40%, 67%) and in CMYK 0%, 16%, 33%, 20%.
What colors pair best with #ccab88?
#ccab88 works best when contrasted with deep, cool tones like charcoal or slate blue to balance its warmth. These darker pairings provide the necessary visual weight to keep the design readable and sophisticated without overwhelming the muted orange base.
Is #ccab88 a warm or cool color?
#ccab88 is firmly in the warm color family, though its low saturation gives it a dusty, grounded quality. This prevents it from feeling too intense or energetic, making it an ideal choice for backgrounds that need to feel inviting rather than aggressive.
Is #ccab88 readable on white or black?
#ccab88 has a 2.15:1 contrast ratio on white and 9.74: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.