#BCD4DD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This desaturated, pale cyan carries a cool grey undertone that prevents it from looking overly sweet. The hex code for this color is #bcd4dd. It functions well as a background for minimalist UI designs, providing enough contrast for black text to remain highly legible. Use this shade when you need a clean, airy base that feels less stark than pure white.
Questions about #bcd4dd
What is #bcd4dd in RGB, HSL and CMYK?
In RGB, #bcd4dd is rgb(188, 212, 221), in HSL hsl(196, 33%, 80%) and in CMYK 15%, 4%, 0%, 13%. Browse more shades of gray with names and hex codes.
Does #bcd4dd work well for web design backgrounds?
#bcd4dd is an excellent choice for minimalist UI backgrounds because its cool grey undertone feels less sterile than pure white while maintaining high legibility for standard black or dark grey text. It provides a soft, airy foundation that keeps user focus on the content.
What color families complement #bcd4dd?
Soft charcoal greys and deep navy blues pair beautifully with #bcd4dd by grounding its lightness, while warm terracotta or muted coral tones create a balanced, modern contrast. These pairings leverage the color's desaturated nature to create sophisticated, professional palettes.
Is #bcd4dd readable on white or black?
#bcd4dd has a 1.54:1 contrast ratio on white and 13.59: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.