#7BC5CC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty cyan sits firmly in the cool range with muted, desaturated undertones. It offers a soft, airy quality that works well as a supporting background rather than a dominant color. Pair #7bc5cc with deep charcoals to make the blue pop, as it can look washed out next to pure white. The hex code #7bc5cc provides excellent contrast for black text, making it a functional choice for clean, readable UI designs.
Questions about #7bc5cc
What is #7bc5cc in RGB, HSL and CMYK?
In RGB, #7bc5cc is rgb(123, 197, 204), in HSL hsl(185, 44%, 64%) and in CMYK 40%, 3%, 0%, 20%.
What colors pair best with #7bc5cc for a balanced design?
#7bc5cc looks most effective when paired with charcoal or deep navy to ground its airy, desaturated quality. Using it against a pure white background can sometimes look washed out, so opt for darker, neutral contrast text.
Does #7bc5cc function well as a primary text color?
While #7bc5cc offers a unique aesthetic, it typically lacks the sufficient contrast ratio required for accessible body text. It is better utilized as a secondary accent color, a soft UI background, or for decorative graphic elements.
Is #7bc5cc readable on white or black?
#7bc5cc has a 1.96:1 contrast ratio on white and 10.70: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.