#BDD7E0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bdd7e0 is a pale, bleached cyan with distinct grey undertones that soften its appearance. Because of its light, airy quality, it serves best as a supporting background tone rather than a dominant color, which can risk looking washed out. Pair this shade with high-contrast charcoal text to maintain readability, as its hex code #bdd7e0 works well for clean, minimalist UI designs and technical interfaces.
Questions about #bdd7e0
What is #bdd7e0 in RGB, HSL and CMYK?
In RGB, #bdd7e0 is rgb(189, 215, 224), in HSL hsl(195, 36%, 81%) and in CMYK 16%, 4%, 0%, 12%.
What colors pair well with #bdd7e0 for UI design?
Because #bdd7e0 is a light and muted tone, it serves best when paired with deep charcoal or dark navy text to ensure readability. Avoid pairing it with lighter colors, as the lack of contrast will make your layout look washed out.
Does #bdd7e0 read as warm or cool?
#bdd7e0 is firmly a cool-toned color, sitting in the light cyan family. Its grey undertone neutralizes the vibrancy of the blue, making it feel clinical, airy, and professional rather than warm or overly energetic.
Is #bdd7e0 readable on white or black?
#bdd7e0 has a 1.50:1 contrast ratio on white and 13.96: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.