#9CBBFB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This light, airy blue feels unsaturated and approachable. #9cbbfb works best as a primary background for clean, modern interfaces where readability is key. It pairs surprisingly well with charcoal grays or deep plums, which ground its pale quality. Because it offers high contrast for dark text, designers often choose this hex code for accessible UI components or gentle, spring-themed branding that requires a sense of professional reliability.
Questions about #9cbbfb
What is #9cbbfb in RGB, HSL and CMYK?
In RGB, #9cbbfb is rgb(156, 187, 251), in HSL hsl(220, 92%, 80%) and in CMYK 38%, 25%, 0%, 2%.
What design styles benefit most from the #9cbbfb color?
The #9cbbfb shade works exceptionally well for clean, modern interfaces that prioritize readability and a professional, approachable feel. It acts as a perfect primary background color, especially when paired with charcoal or dark gray text to maintain high contrast.
Does #9cbbfb appear warm or cool in digital layouts?
As a light, unsaturated blue, #9cbbfb is distinctly cool-toned, bringing a sense of calm and reliability to any design. Because it lacks intensity, it serves as an excellent neutral base that avoids overwhelming the viewer’s eye in complex layouts.
Is #9cbbfb readable on white or black?
#9cbbfb has a 1.92:1 contrast ratio on white and 10.91: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.