#7BCED1 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #7bced1 graphic
#7bced1 is a light, airy cyan with significant green undertones that give it a refreshing, cooling presence. It works best as an accent color in modern UI designs, as it can feel overwhelming when used across large backgrounds. Because this shade provides excellent contrast for black text, it is highly readable for digital interfaces. Pair it with deep charcoals rather than mixing gray to keep the palette clean.

Questions about #7bced1

What is #7bced1 in RGB, HSL and CMYK?
In RGB, #7bced1 is rgb(123, 206, 209), in HSL hsl(182, 48%, 65%) and in CMYK 41%, 1%, 0%, 18%.
What colors pair best with #7bced1?
Deep charcoal or near-black shades provide the best contrast for #7bced1, creating a professional and readable digital interface. Avoid pairing it with soft grays, which can muddy its clarity and make the overall color palette feel flat.
Is #7bced1 suitable for text in website design?
While #7bced1 is excellent for UI accents, buttons, or decorative elements, it is generally too light for body text. It performs much better as a high-visibility highlight against dark backgrounds or when paired with dark, high-contrast typography.
Is #7bced1 readable on white or black?
#7bced1 has a 1.81:1 contrast ratio on white and 11.59: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.