#9BD2F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy pastel blue reads cool and unsaturated, offering a high-contrast backdrop that makes black text legible and sharp. As a hex code, #9bd2f5 functions best as a dominant 60% base color for clean, professional UI designs. While it pairs well with soft neutrals, it also creates an unexpected warmth when balanced against deeper pink tones. Avoid using it for fine details, as it can appear washed out.
Questions about #9bd2f5
What is #9bd2f5 in RGB, HSL and CMYK?
In RGB, #9bd2f5 is rgb(155, 210, 245), in HSL hsl(203, 82%, 78%) and in CMYK 37%, 14%, 0%, 4%.
How should #9bd2f5 be used in a professional user interface?
#9bd2f5 works best as a primary 60% base color for clean, modern interfaces where readability is the priority. Because it is a light, airy blue, it provides excellent contrast for black or deep charcoal text without overwhelming the user's eye.
Which accent colors pair well with the pastel #9bd2f5?
This light blue pairs naturally with soft neutrals for a calm, balanced look, but it truly shines when contrasted with deeper pinks. These warm tones provide an unexpected energy that prevents the cool, unsaturated blue from appearing too washed out or sterile.
Is #9bd2f5 readable on white or black?
#9bd2f5 has a 1.62:1 contrast ratio on white and 12.93: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.