#66A5AD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Dusty and unsaturated, #66a5ad is a muted cyan that leans into a cool, ashy tone. It works best as a secondary or supporting color in UI design, where its clarity allows black text to remain highly readable. Pair this shade with slate grays or deep charcoal to ground its airy, professional character. The hex code for this cyan variant is #66a5ad.
Questions about #66a5ad
What is #66a5ad in RGB, HSL and CMYK?
In RGB, #66a5ad is rgb(102, 165, 173), in HSL hsl(187, 30%, 54%) and in CMYK 41%, 5%, 0%, 32%.
What colors pair best with #66a5ad in a UI layout?
#66a5ad works exceptionally well when anchored by deep, neutral tones like charcoal or slate. Using these dark, non-saturated colors as text or background elements allows the cool, dusty nature of #66a5ad to provide visual interest without overwhelming the interface.
Is #66a5ad considered a warm or cool color?
#66a5ad is firmly a cool color, characterized by its distinct cyan and blue-green base. Its muted, ashy quality softens the typical vibrancy of pure cyan, making it feel more like a professional, desaturated steel blue rather than a bright, punchy accent.
Is #66a5ad readable on white or black?
#66a5ad has a 2.78:1 contrast ratio on white and 7.55: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.