#9CA7ED Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated periwinkle shade offers a soft, cool presence that avoids feeling overly clinical. Because it provides high contrast with black text, #9ca7ed functions well as a readable UI background. Avoid pairing it with stark white, as it can look washed out. Instead, use it alongside deep charcoals or warm terracotta tones to ground its airy character. The hex code for this cool indigo is #9ca7ed.
Questions about #9ca7ed
What is #9ca7ed in RGB, HSL and CMYK?
In RGB, #9ca7ed is rgb(156, 167, 237), in HSL hsl(232, 69%, 77%) and in CMYK 34%, 30%, 0%, 7%.
What colors complement #9ca7ed?
Use #9ca7ed alongside deep charcoal or warm terracotta tones to ground its airy, cool character. Because it leans unsaturated, pairing it with stark white often makes the shade look washed out, so opt for richer neutrals for better visual balance.
Is #9ca7ed a good choice for UI backgrounds?
It serves as an excellent, readable UI background because it maintains strong contrast against standard black text. The color avoids feeling overly clinical or sharp, providing a gentle, balanced atmosphere that keeps user interfaces both professional and easy to navigate for extended viewing periods.
Is #9ca7ed readable on white or black?
#9ca7ed has a 2.29:1 contrast ratio on white and 9.16: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.