#9EB4F3 Hex Color

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

Hex color #9eb4f3 graphic
#9eb4f3 is a light, airy periwinkle with a distinct cool cast. Because of its low saturation, it functions well as a neutral base for UI backgrounds or baby-centric branding. It pairs cleanly with slate grays or warmer, sandy beiges to prevent a washed-out effect. Since it offers excellent contrast with black text, use the hex code #9eb4f3 for accessible, readable body content.

Questions about #9eb4f3

What is #9eb4f3 in RGB, HSL and CMYK?
In RGB, #9eb4f3 is rgb(158, 180, 243), in HSL hsl(224, 78%, 79%) and in CMYK 35%, 26%, 0%, 5%.
What colors pair well with #9eb4f3?
#9eb4f3 pairs beautifully with neutral slate or warm sandy beige to ground its airy nature. These combinations prevent the color from appearing washed out while maintaining a calm, sophisticated aesthetic in design layouts.
Is #9eb4f3 readable on white or black?
#9eb4f3 has a 2.04:1 contrast ratio on white and 10.27: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.