#C2D2D9 Hex Color

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

Hex color #c2d2d9 graphic
This bleached cyan carries a distinct gray undertone that keeps it from feeling overly vivid. Because it is so light and airy, #c2d2d9 functions best as a spacious background in minimalist UI designs. It maintains excellent readability with black text, though it can appear washed out if placed directly against pure white. Use this shade when you need a clean, refreshing neutral that suggests openness without demanding attention.

Questions about #c2d2d9

What is #c2d2d9 in RGB, HSL and CMYK?
In RGB, #c2d2d9 is rgb(194, 210, 217), in HSL hsl(198, 23%, 81%) and in CMYK 11%, 3%, 0%, 15%. Browse more shades of gray with names and hex codes.
How should I use #c2d2d9 in web design?
This shade works best as a spacious background color that keeps interfaces feeling light and uncluttered without the harshness of pure white. Pair it with charcoal or dark navy typography to maintain strong contrast and readability.
Is #c2d2d9 considered a warm or cool color?
It leans decidedly cool due to its cyan base, though the significant gray desaturation makes it act more like a neutral. This balance allows it to sit comfortably alongside warmer, earthy tones without clashing or appearing too clinical.
Is #c2d2d9 readable on white or black?
#c2d2d9 has a 1.55:1 contrast ratio on white and 13.51: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.