#648A89 Hex Color

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

Hex color #648a89 graphic
#648a89 is a muted cyan with gray-green undertones, medium depth, and a matte, dusty finish. Its low saturation supports calm, trustworthy designs without demanding attention. Use it as a supporting tone in technology, aerospace, productivity, or children’s branding, pairing it with warm ivory or dark navy. Black text achieves about 5.5:1 contrast, suitable for WCAG AA body text. The hex code is #648a89.

Questions about #648a89

What is #648a89 in RGB, HSL and CMYK?
In RGB, #648a89 is rgb(100, 138, 137), in HSL hsl(178, 16%, 47%) and in CMYK 28%, 0%, 1%, 46%.
What colors pair well with #648a89?
Warm ivory and dark navy pair well with #648a89, balancing its dusty cyan character with light warmth and deep contrast while keeping the palette calm, legible, and suitable for interfaces, presentations, and supportive brand accents. Use ivory for backgrounds and navy for text or structure.
Does #648a89 look warm or cool?
#648a89 reads as a cool, muted cyan because its blue-green base is softened by gray-green undertones, giving the shade a restrained temperature that feels calm and balanced rather than bright, icy, or strongly saturated. This makes it useful for composed, trustworthy layouts.
Is #648a89 readable on white or black?
#648a89 has a 3.79:1 contrast ratio on white and 5.53: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.