#647696 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, desaturated blue, #647696 feels understated and professional. Because it sits in a mid-range of lightness, it works well as a background for corporate or tech interfaces where clarity is needed. It meets accessibility standards for small body text when paired with white. Try using it as a secondary tone against warmer greys to avoid a flat, overly sterile look in your layouts.
Questions about #647696
What is #647696 in RGB, HSL and CMYK?
In RGB, #647696 is rgb(100, 118, 150), in HSL hsl(218, 20%, 49%) and in CMYK 33%, 21%, 0%, 41%.
What colors pair well with #647696 for a balanced interface?
You can create a grounded, professional palette by pairing #647696 with charcoal for strong typography or using warm gray to prevent the design from feeling overly sterile. These combinations utilize the blue's mid-range saturation to establish visual hierarchy without overwhelming the viewer.
Is #647696 readable on white or black?
#647696 has a 4.59:1 contrast ratio on white and 4.57:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works for body text. Try other pairs in the contrast checker.