#7CDEDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, airy cyan leans heavily into green undertones. Because of its high lightness, #7cdedd functions best as an accent rather than a dominant base. The hex code offers excellent contrast for black text, providing a 13.3:1 ratio that ensures perfect legibility for small body copy. Use it sparingly in UI designs to keep the overall palette from feeling washed out.
Questions about #7cdedd
What is #7cdedd in RGB, HSL and CMYK?
In RGB, #7cdedd is rgb(124, 222, 221), in HSL hsl(179, 60%, 68%) and in CMYK 44%, 0%, 0%, 13%.
How can I use #7cdedd effectively in a UI design?
Because of its high lightness, #7cdedd works best as a strategic accent color rather than a dominant background. Pair it with dark text, like a deep charcoal, to utilize its excellent contrast ratio for buttons, icons, or highlighting key interface elements.
Does #7cdedd feel warmer or cooler?
The color #7cdedd sits on the cooler side of the spectrum, but its distinct green undertones prevent it from feeling icy. It strikes a balance that feels refreshing and modern, avoiding the clinical or sterile vibe often associated with pure cyan tones.
Is #7cdedd readable on white or black?
#7cdedd has a 1.57:1 contrast ratio on white and 13.34: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.