#7BADDD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#7baddd is a light, muted blue with cool gray undertones and a soft pastel finish. Its gentle saturation suits healthcare, finance, baby products, and spring-themed interfaces. Use it as a dominant background with navy or warm white accents. Black text reaches about 8.9:1 contrast, meeting WCAG AA for body copy. Designers can identify it by the hex code #7baddd.
Questions about #7baddd
What is #7baddd in RGB, HSL and CMYK?
In RGB, #7baddd is rgb(123, 173, 221), in HSL hsl(209, 59%, 67%) and in CMYK 44%, 22%, 0%, 13%.
What colors pair well with #7baddd?
Is #7baddd warm or cool?
#7baddd reads as a cool blue because its gray undertones temper the hue, reduce visual intensity, and keep it feeling calm rather than sunny or energetic, giving interfaces a gentle, clean, and reassuring mood.
Where can #7baddd be used?
#7baddd works well as a dominant background in healthcare, finance, baby-product, and spring-themed interfaces, where its gentle saturation can support navigation panels, cards, dashboards, and other surfaces without overwhelming the content.
Is #7baddd readable on white or black?
#7baddd has a 2.36:1 contrast ratio on white and 8.86: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.