#BDDCF0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, very unsaturated blue with a soft gray cast, #bddcf0 feels gentle, dependable, and open. Its high lightness suits large backgrounds for healthcare, finance, spring, or baby-focused designs, though it can look washed out beside white. Use dark text for strong readability; the hex code #bddcf0 reaches about 14.7:1 contrast with black.
Questions about #bddcf0
What is #bddcf0 in RGB, HSL and CMYK?
In RGB, #bddcf0 is rgb(189, 220, 240), in HSL hsl(204, 63%, 84%) and in CMYK 21%, 8%, 0%, 6%. Browse more shades of blue with names and hex codes.
What colors pair well with #bddcf0?
#bddcf0 pairs well with navy, charcoal, and muted coral, which give its pale blue body enough weight while preserving a gentle tone. Use navy for headings or controls, and reserve softer neutrals for supporting surfaces.
Is #bddcf0 readable on white or black?
#bddcf0 has a 1.43:1 contrast ratio on white and 14.65: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.