#98B4E8 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel blue carries a desaturated, cool tone that feels clean and reliable for professional UI design. Because it lacks harsh intensity, #98b4e8 works best as a primary background color rather than a button accent. It pairs unexpectedly well with deep charcoal grays, which provide the necessary contrast for readability. Keep text black over this hex code to maintain WCAG AA compliance.
Questions about #98b4e8
What is #98b4e8 in RGB, HSL and CMYK?
In RGB, #98b4e8 is rgb(152, 180, 232), in HSL hsl(219, 63%, 75%) and in CMYK 34%, 22%, 0%, 9%.
Why is #98b4e8 recommended for background use?
Because #98b4e8 lacks intense saturation, it does not fatigue the eye, making it an excellent choice for primary container backgrounds or landing page sections. It establishes a calm, orderly tone that allows secondary elements and calls-to-action to stand out more effectively than with vibrant blues.
Is #98b4e8 readable on white or black?
#98b4e8 has a 2.09:1 contrast ratio on white and 10.02: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.