#C2D3E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Light, muted blue with soft gray undertones, #c2d3e2 creates an airy, dependable feel without strong visual weight. The hex code #c2d3e2 works well as a dominant UI background for healthcare, finance, and government layouts. Pair it with charcoal or deep navy for clear structure. Black text achieves strong readability, with about a 13.7:1 contrast ratio.
Questions about #c2d3e2
What is #c2d3e2 in RGB, HSL and CMYK?
In RGB, #c2d3e2 is rgb(194, 211, 226), in HSL hsl(208, 36%, 82%) and in CMYK 14%, 7%, 0%, 11%.
Which colors pair well with #c2d3e2 in a UI?
Does #c2d3e2 look warm or cool, and where does it work best?
#c2d3e2 reads as a cool, muted blue because its blue base is softened by gray rather than warmed with yellow or red, giving it a restrained, dependable presence in calm interfaces and structured layouts.
Is #c2d3e2 readable on white or black?
#c2d3e2 has a 1.53:1 contrast ratio on white and 13.70: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.