#7DCCF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Pastel blue at its freshest. #7dccf4 has a cool, lightly sparkling tone with enough saturation to stay crisp. Its high lightness makes it a solid UI background, and black text on it reaches about 11.8:1 contrast, well past WCAG AA. It can wash out beside plain white, so anchor it with navy or soften it with blush tones, see what colors make pink for that pairing.
Questions about #7dccf4
What is #7dccf4 in RGB, HSL and CMYK?
In RGB, #7dccf4 is rgb(125, 204, 244), in HSL hsl(200, 84%, 72%) and in CMYK 49%, 16%, 0%, 4%. Browse more shades of blue with names and hex codes.
What colors pair well with #7dccf4?
Navy grounds the lightness of #7dccf4 and stops a palette from washing out, while blush or coral adds gentle warmth to the cool base. For a quieter scheme, pair it with grayed teals and off-white.
What mood does #7dccf4 convey?
Its high lightness and moderate saturation read as gentle and trustworthy rather than bold. That softness suits healthcare, finance and baby products, though it can feel too passive for high-energy brands.
Is #7dccf4 readable on white or black?
#7dccf4 has a 1.77:1 contrast ratio on white and 11.81: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.