#C5DCD6 Hex Color
A crisp, desaturated teal with grey undertones
#c5dcd6 is a bleached, desaturated teal with significant grey undertones. Because it sits so high on the lightness scale, it serves best as a supporting background rather than a main accent. It provides high contrast for black text, making it a functional choice for clean, minimal UI design. Pair this hex code with dark charcoal for a sophisticated, clinical look that avoids feeling washed out.
Questions about #c5dcd6
What is #c5dcd6 in RGB, HSL and CMYK?
In RGB, #c5dcd6 is rgb(197, 220, 214), in HSL hsl(164, 25%, 82%) and in CMYK 10%, 0%, 3%, 14%.
What colors pair well with #c5dcd6 in a web layout?
#c5dcd6 works best when paired with a deep charcoal or near-black text to create the necessary contrast for readability. Because it is so light and desaturated, it also acts as a sophisticated neutral base that complements muted earth tones like terracotta or olive without overwhelming the design.
How should I use #c5dcd6 in professional user interface design?
Apply #c5dcd6 as a background for cards, hero sections, or content areas that need to feel clean and airy rather than sterile. Since it sits high on the lightness scale, it provides an excellent foundation for dark typography, ensuring your interface remains accessible while maintaining a modern, understated aesthetic.
Is #c5dcd6 readable on white or black?
#c5dcd6 has a 1.44:1 contrast ratio on white and 14.58: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.