#BDDCFC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This unsaturated, cool blue works best as a large-scale UI background or a soft header element. Its high lightness keeps it legible against black text, offering a professional, airy feel for tech and healthcare interfaces. While #bddcfc provides a reliable foundation, pair it with deeper navy accents to anchor the design and prevent it from appearing too washed out on white screens. The hex code is #bddcfc.
Questions about #bddcfc
What is #bddcfc in RGB, HSL and CMYK?
In RGB, #bddcfc is rgb(189, 220, 252), in HSL hsl(210, 91%, 86%) and in CMYK 25%, 13%, 0%, 1%.
What design style suits the use of #bddcfc?
This color excels in clean, modern digital environments like SaaS dashboards or healthcare interfaces where clarity and calm are priorities. Its professional, muted nature keeps user interfaces from appearing cluttered while remaining gentle on the eyes during long periods of screen time.
Is #bddcfc readable on white or black?
#bddcfc has a 1.41:1 contrast ratio on white and 14.80: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.