#98B4E2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, dusty blue leans cool and provides a gentle, reliable presence for UI interfaces. Because it is light and muted, #98b4e2 works well as a background color that keeps small, black text readable. It pairs nicely with slate grays or warmer, sandy neutrals to avoid looking too sterile. Use this hex code when you need a soft tone for professional, tech-focused branding.
Questions about #98b4e2
What is #98b4e2 in RGB, HSL and CMYK?
In RGB, #98b4e2 is rgb(152, 180, 226), in HSL hsl(217, 56%, 74%) and in CMYK 33%, 20%, 0%, 11%.
What colors pair well with #98b4e2?
Because #98b4e2 has a muted, dusty quality, it pairs best with slate grays for a clean look or sandy neutrals to introduce warmth. Avoid pairing it with high-contrast, neon colors which can make the blue appear washed out.
Is #98b4e2 a good choice for text?
This light, desaturated blue is generally too faint for primary body text because it lacks the necessary contrast against a white background. It functions effectively as a subtle accent or background color, but always check accessibility ratios before using it for meaningful content.
Is #98b4e2 readable on white or black?
#98b4e2 has a 2.10:1 contrast ratio on white and 9.96: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.