#CCECFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly luminous blue is extremely unsaturated, making it an ideal choice for clean, minimal interface backgrounds. Because #ccecff sits at such a high lightness value, it provides excellent contrast for black typography while remaining gentle on the eyes. Use it as a base color to ground modern tech or healthcare layouts, especially when paired with a sharp, deep navy for balance.
Questions about #ccecff
What is #ccecff in RGB, HSL and CMYK?
In RGB, #ccecff is rgb(204, 236, 255), in HSL hsl(202, 100%, 90%) and in CMYK 20%, 7%, 0%, 0%.
What color schemes work best with #ccecff?
Is #ccecff suitable for text on websites?
Using #ccecff as a primary text color is generally not recommended due to low contrast against standard white backgrounds. However, it is an excellent choice for background fills or UI accents where black or dark grey text is layered on top.
Is #ccecff readable on white or black?
#ccecff has a 1.23:1 contrast ratio on white and 17.00: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.