#CCEAFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A luminous, highly unsaturated blue, #cceaff offers a clean, airy quality that works well as a subtle background. It provides excellent legibility for black text, making it a reliable choice for UI designs where clarity is paramount. Use this hex code as a base color to build trust, as it feels approachable without being overwhelming. It pairs effectively with darker navy tones to create depth.
Questions about #cceaff
What is #cceaff in RGB, HSL and CMYK?
In RGB, #cceaff is rgb(204, 234, 255), in HSL hsl(205, 100%, 90%) and in CMYK 20%, 8%, 0%, 0%.
Where should I use #cceaff in a digital layout?
#cceaff functions best as a soft background color for dashboards or reading-heavy interfaces where visual comfort is key. Because it is highly unsaturated, it provides enough contrast for navy or black text to remain perfectly legible for users.
What colors pair well with #cceaff?
This light blue works effectively with deep, grounded tones like charcoal or navy to create a sophisticated sense of depth. You can also pair it with warm, neutral beiges if you want to soften the overall cool temperature of the palette.
Is #cceaff readable on white or black?
#cceaff has a 1.25:1 contrast ratio on white and 16.78: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.