#7CB4B2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dusty, muted cyan, #7cb4b2 brings a cooling effect to UI layouts. Because this shade is highly unsaturated, it maintains excellent readability with black text. Use it as a dominant background color in tech or wellness projects. To keep designs from feeling too washed out, pair this hex code with dark slate or warm copper accents.
Questions about #7cb4b2
What is #7cb4b2 in RGB, HSL and CMYK?
In RGB, #7cb4b2 is rgb(124, 180, 178), in HSL hsl(178, 27%, 60%) and in CMYK 31%, 0%, 1%, 29%.
Does #7cb4b2 work well with dark or light text?
This muted cyan provides strong contrast when paired with dark text like charcoal or deep navy, maintaining high readability on digital screens. It is often too light for white text, which may struggle to stand out against this soft, unsaturated background.
What colors best complement #7cb4b2 for a balanced palette?
To prevent this color from appearing washed out, pair #7cb4b2 with warm, earthy accents such as copper or soft terracotta. These warm tones balance the cool, desaturated cyan, creating a professional and inviting aesthetic for modern interface design.
Is #7cb4b2 readable on white or black?
#7cb4b2 has a 2.32:1 contrast ratio on white and 9.02: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.