#9FADD2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated blue carries an ashy undertone that reads professional yet soft. Because black text maintains high contrast against the hex code #9fadd2, it works well for UI elements that require readability. Avoid pairing it with pure white to prevent a washed-out appearance. Use this shade alongside dark charcoals to create a grounded, reliable palette for technology or healthcare branding projects.
Questions about #9fadd2
What is #9fadd2 in RGB, HSL and CMYK?
In RGB, #9fadd2 is rgb(159, 173, 210), in HSL hsl(224, 36%, 72%) and in CMYK 24%, 18%, 0%, 18%. Browse more shades of blue with names and hex codes.
How should I pair #9fadd2 in a color palette?
Avoid pairing #9fadd2 directly with pure white, as the low saturation can cause it to look washed out or invisible. Instead, anchor this shade with deep navy or charcoal tones to create a balanced, modern, and high-contrast professional color scheme.
Is #9fadd2 readable on white or black?
#9fadd2 has a 2.23:1 contrast ratio on white and 9.38: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.