#BDD2DB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This faded, pale cyan has a distinct grey undertone that gives it a clean, airy quality. Because it sits in the mid-tones, the hex code #bdd2db functions best as a supporting background color. It provides excellent contrast for black text, making it a reliable choice for UI design. Pair it with dark charcoal rather than pure white to keep the color from looking washed out.
Questions about #bdd2db
What is #bdd2db in RGB, HSL and CMYK?
In RGB, #bdd2db is rgb(189, 210, 219), in HSL hsl(198, 29%, 80%) and in CMYK 14%, 4%, 0%, 14%.
How should I use #bdd2db in a website layout?
#bdd2db works best as a primary background color for clean, minimalist user interfaces where readability is the priority. Because it sits in the mid-tones, it provides excellent contrast for dark text, specifically when paired with charcoal or deep navy tones to ensure clear legibility.
Does #bdd2db read as a warm or cool color?
#bdd2db is firmly a cool-toned color due to its strong cyan base and muted grey undertones. It evokes a sense of calm and clinical precision, which makes it feel much more professional and airy than a standard, saturated baby blue.
Is #bdd2db readable on white or black?
#bdd2db has a 1.56:1 contrast ratio on white and 13.40: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.