#C4CCD3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Pale and almost grey, #c4ccd3 is a faded blue with barely any saturation left in it. It reads clean and airy, which makes it a solid 60% base for minimal layouts and quiet UI surfaces. Black text hits about 12.9:1 contrast on this hex code, well past AA for body copy. Pair it with a deep navy accent, since next to plain white it can wash out.
Questions about #c4ccd3
What is #c4ccd3 in RGB, HSL and CMYK?
In RGB, #c4ccd3 is rgb(196, 204, 211), in HSL hsl(208, 15%, 80%) and in CMYK 7%, 3%, 0%, 17%.
What colors pair well with #c4ccd3?
Deep navy keeps this pale blue-grey grounded and adds the weight it lacks on its own. It also works against warm contrasts like burgundy or terracotta, where the muted blue tempers the warmth.
Is #c4ccd3 readable on white or black?
#c4ccd3 has a 1.62:1 contrast ratio on white and 12.92: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.