#84A6A2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, ashy teal with low saturation, #84a6a2 provides a grounded alternative to brighter blue-greens. It feels muted and restrained, making it an excellent choice for a supporting background in UI design where you need subtle structure. Because black text maintains high contrast against this shade, it is highly readable for body content. Pair it with warm, sandy beiges to create a balanced, modern palette.
Questions about #84a6a2
What is #84a6a2 in RGB, HSL and CMYK?
In RGB, #84a6a2 is rgb(132, 166, 162), in HSL hsl(173, 16%, 58%) and in CMYK 20%, 0%, 2%, 35%.
What colors pair well with #84a6a2?
#84a6a2 works best when balanced against warm, sandy neutrals or deep earth tones. Pairing it with sand or warm beige creates a modern, grounded palette, while adding a touch of charcoal provides necessary depth for UI hierarchy.
Is #84a6a2 considered a warm or cool color?
#84a6a2 sits in a transitional space, leaning cool due to its teal roots but feeling notably neutral because of its low saturation. Its ashy, muted quality removes the vibrancy often found in blue-greens, making it feel more professional and quiet.
Is #84a6a2 readable on white or black?
#84a6a2 has a 2.63:1 contrast ratio on white and 7.95:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.