#CAE3FF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, airy blue with high lightness and low saturation, #cae3ff creates an immediate sense of openness in digital layouts. Because it lacks intensity, this color works best as a soft background or a supporting tone for fintech and healthcare interfaces. Use black text for high-contrast accessibility. The hex code for this gentle blue is #cae3ff, a shade that pairs well with deeper, grounding slate grays.
Questions about #cae3ff
What is #cae3ff in RGB, HSL and CMYK?
In RGB, #cae3ff is rgb(202, 227, 255), in HSL hsl(212, 100%, 90%) and in CMYK 21%, 11%, 0%, 0%.
What types of color schemes work best with #cae3ff?
Because #cae3ff is a highly desaturated, light blue, it pairs best with strong, grounding neutrals like slate gray or deep navy. Use this combination to maintain readability in professional interface design while keeping the overall aesthetic clean and approachable.
Is #cae3ff readable on white or black?
#cae3ff has a 1.31:1 contrast ratio on white and 15.94: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.