#648690 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#648690 is a muted, dusty cyan with significant gray undertones that strip away any harsh saturation. It works best as a supporting tone or background, offering a restrained, professional alternative to brighter blues. Because it maintains strong contrast, black text remains highly legible against this hue. Pair it with soft cream or warm greys to avoid a clinical look in UI design.
Questions about #648690
What is #648690 in RGB, HSL and CMYK?
In RGB, #648690 is rgb(100, 134, 144), in HSL hsl(194, 18%, 48%) and in CMYK 31%, 7%, 0%, 44%.
What colors pair well with #648690 for a balanced design?
Is #648690 a good choice for text backgrounds?
#648690 serves as an excellent background because it maintains enough visual weight to ensure that black text remains highly legible. Its desaturated nature reduces eye strain compared to brighter, more saturated blue tones, making it ideal for large, reading-heavy design areas.
Is #648690 readable on white or black?
#648690 has a 3.92:1 contrast ratio on white and 5.35: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.