#648C8C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#648c8c is a muted, dusty cyan with a distinctly ashy finish. It lacks intense chroma, making it an excellent choice for backgrounds where you need to maintain readability. Because black text offers high contrast against this shade, use it as a base color for clean UI designs. Pair it with soft, warm grays to prevent the overall palette from feeling too chilly.
Questions about #648c8c
What is #648c8c in RGB, HSL and CMYK?
In RGB, #648c8c is rgb(100, 140, 140), in HSL hsl(180, 17%, 47%) and in CMYK 29%, 0%, 0%, 45%.
What colors pair well with 648c8c?
This muted cyan works best when paired with warm neutrals like warm gray or soft beige to balance its cool, ashy temperature. For higher contrast, deep charcoal or muted navy accents provide visual weight without overpowering the subtle, dusty nature of 648c8c.
Is 648c8c suitable for background use in UI design?
Yes, 648c8c is an excellent choice for backgrounds because its low saturation minimizes eye strain while maintaining enough presence to separate content areas. It provides high contrast when paired with black or near-black text, ensuring that your digital interfaces remain legible and accessible.
Is #648c8c readable on white or black?
#648c8c has a 3.70:1 contrast ratio on white and 5.67: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.