#618CAE Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #618cae graphic
This muted blue is dusty and cool with an ashy quality that keeps it from feeling aggressive. The hex code #618cae works best as a primary interface background or a subtle accent in professional branding. It offers a solid contrast for black text, making it a reliable choice for accessible UI design. Pair it with soft, warm grays to soften its clinical edge.

Questions about #618cae

What is #618cae in RGB, HSL and CMYK?
In RGB, #618cae is rgb(97, 140, 174), in HSL hsl(206, 32%, 53%) and in CMYK 44%, 20%, 0%, 32%. Browse more shades of blue with names and hex codes.
Why is #618cae effective for UI design?
The muted, ashy quality of #618cae creates a soft visual foundation that reduces eye strain compared to vibrant primary blues. Because it maintains strong contrast with black text, it serves as a reliable background choice for accessible digital interfaces.
What colors coordinate well with #618cae?
Pair #618cae with warm charcoal or soft cream tones to balance its cool, dusty nature. These additions counteract its clinical edge, providing a sophisticated, grounded aesthetic that feels intentional rather than sterile or cold.
Is #618cae readable on white or black?
#618cae has a 3.57:1 contrast ratio on white and 5.87: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.