#9AB3F5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#9ab3f5 is a cool, unsaturated periwinkle that brings a sense of reliability and calm to digital interfaces. It acts as an excellent background base because black text offers high legibility at a 10.1:1 contrast ratio. For a playful yet professional aesthetic, pair this shade with deeper pink tones. The hex code #9ab3f5 performs best in healthcare and finance UI where clarity matters.
Questions about #9ab3f5
What is #9ab3f5 in RGB, HSL and CMYK?
In RGB, #9ab3f5 is rgb(154, 179, 245), in HSL hsl(224, 82%, 78%) and in CMYK 37%, 27%, 0%, 4%.
What design contexts work best for #9ab3f5?
#9ab3f5 thrives in healthcare and finance software interfaces where clarity and trust are essential. Its cool, unsaturated nature prevents eye strain, making it a reliable choice for large backgrounds that need to remain readable while supporting dark text.
Which accent colors pair well with #9ab3f5?
Pair #9ab3f5 with deeper pink tones to achieve a playful yet professional aesthetic that breaks up the coolness of the blue. You can also utilize dark charcoal for high-contrast typography that remains accessible against this lighter background.
Is #9ab3f5 readable on white or black?
#9ab3f5 has a 2.07:1 contrast ratio on white and 10.14: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.