#97A2EF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, desaturated indigo brings a sense of structure and peace to UI design. Its lightness makes it a functional base, while black text remains highly readable against its surface. Use #97a2ef for backgrounds instead of traditional grays to add personality. Because it creates a soft, youthful mood, pair it with sharp charcoal accents to avoid a washed-out look. The hex code for this color is #97a2ef.
Questions about #97a2ef
What is #97a2ef in RGB, HSL and CMYK?
In RGB, #97a2ef is rgb(151, 162, 239), in HSL hsl(233, 73%, 76%) and in CMYK 37%, 32%, 0%, 6%.
How do you best use #97a2ef in website UI design?
#97a2ef functions beautifully as a calm background color because it provides more personality than standard grays while remaining neutral enough for most content. Pair it with dark charcoal text to maintain strong contrast and readability without appearing washed out.
Is #97a2ef considered a warm or cool color?
#97a2ef is a distinctly cool color rooted in blue and violet tones, giving it a peaceful and structured mood. This coolness makes it excellent for professional branding that needs to feel trustworthy and stable rather than overly vibrant or energetic.
Is #97a2ef readable on white or black?
#97a2ef has a 2.40:1 contrast ratio on white and 8.73: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.