#698EA2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty blue is a highly unsaturated, matte shade with significant gray undertones. Because it feels restrained and steady, the hex code #698ea2 works effectively as a supporting background for professional UI designs, particularly in fintech or legal interfaces. It offers enough contrast for legible black body text. Use it sparingly, as this desaturated tone can easily look muddy if overwhelmed by too many other mid-tone colors.
Questions about #698ea2
What is #698ea2 in RGB, HSL and CMYK?
In RGB, #698ea2 is rgb(105, 142, 162), in HSL hsl(201, 23%, 52%) and in CMYK 35%, 12%, 0%, 36%.
How should I use #698ea2 in UI design?
#698ea2 works best as a neutral background or section accent where you need professional, steady energy without visual noise. Because of its low saturation, it pairs beautifully with charcoal or soft white text to maintain high readability.
Is #698ea2 a warm or cool color?
#698ea2 reads primarily as a cool, desaturated blue, though its significant gray undertones strip away much of the typical 'chilly' intensity associated with brighter blues. This makes it feel more grounded, matte, and approachable for corporate-facing projects.
Is #698ea2 readable on white or black?
#698ea2 has a 3.50:1 contrast ratio on white and 5.99:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.