#9BA0FE Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #9ba0fe graphic
This periwinkle indigo has a pale, ethereal quality that feels distinctly cool and airy. Because it is highly readable against black text, #9ba0fe works well for UI elements or creative accents where you need clarity. Avoid using it as a primary background, as its high saturation can overwhelm the eye. Instead, pair this hex code with deep charcoals or dark plums for a balanced, modern interface.

Questions about #9ba0fe

What is #9ba0fe in RGB, HSL and CMYK?
In RGB, #9ba0fe is rgb(155, 160, 254), in HSL hsl(237, 98%, 80%) and in CMYK 39%, 37%, 0%, 0%.
What colors pair well with #9ba0fe for a balanced UI?
Because #9ba0fe has high saturation, it pairs beautifully with deep neutral tones like charcoal or slate to ground the design. Using these darker shades for text creates necessary visual hierarchy and keeps the interface readable.
Is #9ba0fe suitable for large background areas?
Using #9ba0fe as a primary background often proves overwhelming for the viewer due to its intense, cool energy. Instead, reserve this hue for buttons, icons, or specific interactive elements to maintain a clean and professional look.
Is #9ba0fe readable on white or black?
#9ba0fe has a 2.37:1 contrast ratio on white and 8.85: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.