#9CB3FB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9cb3fb is a cool, unsaturated periwinkle that feels fresh and airy. Because of its high lightness, it functions well as a soft UI background that pairs beautifully with dark charcoal text for high contrast. Avoid using it alongside stark white backgrounds, as it risks looking washed out. This hex code provides a modern, clean look for healthcare or technology interfaces.
Questions about #9cb3fb
What is #9cb3fb in RGB, HSL and CMYK?
In RGB, #9cb3fb is rgb(156, 179, 251), in HSL hsl(225, 92%, 80%) and in CMYK 38%, 29%, 0%, 2%.
What is the best way to use #9cb3fb in web design?
This unsaturated periwinkle functions best as a soft background for interfaces rather than primary text. To maintain readability and high contrast, pair #9cb3fb with charcoal or deep navy elements instead of placing it directly against pure white.
Does #9cb3fb read as a warm or cool color?
While it is a periwinkle, #9cb3fb leans firmly into the cool spectrum due to its blue-violet dominance and distinct lack of yellow undertones. This specific lightness makes it feel airy and clinical, which is why it often appears in modern technology branding.
Is #9cb3fb readable on white or black?
#9cb3fb has a 2.04:1 contrast ratio on white and 10.25: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.