#9EB4E4 Hex Color

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

Hex color #9eb4e4 graphic
This dusty, unsaturated blue feels cool and restrained, shedding the intensity of primary shades. Because it sits at a mid-range brightness, #9eb4e4 works best as a calming background or a secondary accent in professional UI designs. It provides excellent contrast for black text, ensuring readability. The hex code for this ashy blue is #9eb4e4, making it a reliable choice for finance or technology interfaces.

Questions about #9eb4e4

What is #9eb4e4 in RGB, HSL and CMYK?
In RGB, #9eb4e4 is rgb(158, 180, 228), in HSL hsl(221, 56%, 76%) and in CMYK 31%, 21%, 0%, 11%.
Does #9eb4e4 work well as a background color in user interfaces?
#9eb4e4 serves as an excellent background color because its mid-range brightness maintains legibility while offering a softer alternative to standard white. It creates a calm, professional atmosphere that pairs effectively with charcoal or dark navy text for optimal readability.
What color psychology does #9eb4e4 convey in design?
#9eb4e4 communicates stability, restraint, and professionalism by stripping away the intensity of primary blues. This ashy tone is perceived as trustworthy and structured, making it a reliable choice for technology or finance interfaces where clarity and calm are prioritized over vibrancy.
Is #9eb4e4 readable on white or black?
#9eb4e4 has a 2.07:1 contrast ratio on white and 10.10: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.