#60A6A6 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, unsaturated cyan sits in a cool, muted range that avoids being overly bright. Because of its reliable contrast levels, black text remains highly readable on #60a6a6. It functions best as a supporting tone in UI design rather than a dominant background. Try pairing this hex code with warm terracotta or soft charcoal to ground its slightly clinical feel in more organic, balanced palettes.
Questions about #60a6a6
What is #60a6a6 in RGB, HSL and CMYK?
In RGB, #60a6a6 is rgb(96, 166, 166), in HSL hsl(180, 28%, 51%) and in CMYK 42%, 0%, 0%, 35%.
What colors pair best with #60a6a6?
Warm tones ground this color best; try pairing #60a6a6 with terracotta or charcoal to create a balanced, organic palette. These earthy contrasts prevent the slightly clinical feel of such a muted cyan from dominating your interface design.
How should #60a6a6 be used in UI design?
The color #60a6a6 offers reliable contrast levels, making it effective for UI elements while keeping black text highly readable. Because it is unsaturated, it functions better as a secondary, supporting tone rather than a dominant background color for long-form content.
Is #60a6a6 readable on white or black?
#60a6a6 has a 2.79:1 contrast ratio on white and 7.50: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.