#9DBAFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9dbaff is a light, airy blue with a soft, unsaturated finish. It works well as a background for clean UI designs or healthcare interfaces. Because it offers high contrast for black text, it maintains readability at small sizes. Pair this shade with a warmer coral if you are learning how to make pink work in a professional palette. Use it sparingly, as it can feel washed out on screens.
Questions about #9dbaff
What is #9dbaff in RGB, HSL and CMYK?
In RGB, #9dbaff is rgb(157, 186, 255), in HSL hsl(222, 100%, 81%) and in CMYK 38%, 27%, 0%, 0%.
Which colors pair well with #9dbaff for a balanced palette?
#9dbaff works best when grounded by darker, neutral tones or warmed up by complementary accents. Pair it with charcoal or deep navy for professional contrast, or introduce a soft coral to add warmth to UI components without overwhelming the airy aesthetic.
Is #9dbaff a suitable choice for web interface text?
#9dbaff is too light to be used as primary body text due to low legibility against white backgrounds. Instead, use this shade as a background or accent color and pair it with dark, high-contrast text for optimal WCAG accessibility.
Is #9dbaff readable on white or black?
#9dbaff has a 1.92:1 contrast ratio on white and 10.90: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.