#CBEAFF Hex Color

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

Select a Color

This very pale, airy blue is highly unsaturated, offering a clean and weightless appearance. Because #cbeaff maintains excellent contrast against black text, it functions well as a full background for UI designs or healthcare interfaces. It pairs effectively with deeper charcoals or slate grays to ground the lightness. Designers often use this hex code when a project needs a gentle, professional feel without becoming visually overwhelming.

Questions about #cbeaff

What is #cbeaff in RGB, HSL and CMYK?

In RGB, #cbeaff is rgb(203, 234, 255), in HSL hsl(204, 100%, 90%) and in CMYK 20%, 8%, 0%, 0%.

What design styles work best with #cbeaff?

This airy blue thrives in clean, minimalist UI designs and healthcare interfaces where clarity and professionalism are prioritized. Because it remains highly readable against charcoal or slate text, it serves as a weightless background that does not overwhelm the user.

Is #cbeaff readable on white or black?

#cbeaff has a 1.25:1 contrast ratio on white and 16.75: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.

#CBEAFF Hex Color

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

Questions about #cbeaff

Color tools

Resources