#618BB0 Hex Color

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

Hex color #618bb0 graphic
This muted, dusty blue offers a restrained foundation for professional UI designs. It lacks high saturation, making it a reliable choice for backgrounds where you need to avoid visual clutter. Pair the hex code #618bb0 with warm grays to soften its cool temperature. Black text reads clearly against this shade, easily meeting accessibility standards for small body copy.

Questions about #618bb0

What is #618bb0 in RGB, HSL and CMYK?
In RGB, #618bb0 is rgb(97, 139, 176), in HSL hsl(208, 33%, 54%) and in CMYK 45%, 21%, 0%, 31%.
What colors pair best with #618bb0 for UI design?
#618bb0 works best when paired with warm neutral grays or a crisp charcoal to maintain contrast without visual clutter. Because the blue is muted and cool, introducing warm-toned accents helps balance the overall temperature of your layout.
Is #618bb0 readable on white or black?
#618bb0 has a 3.60:1 contrast ratio on white and 5.82: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.