#BDC2CD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bdc2cd is a desaturated, pale blue-grey that feels airy and weightless. Since black text maintains excellent readability against this shade, it functions well as a UI background for tech or finance projects. Use the hex code #bdc2cd alongside charcoal accents to ground the design. It can appear washed out if placed directly next to pure white, so layer it carefully within your interface.
Questions about #bdc2cd
What is #bdc2cd in RGB, HSL and CMYK?
In RGB, #bdc2cd is rgb(189, 194, 205), in HSL hsl(221, 14%, 77%) and in CMYK 8%, 5%, 0%, 20%.
How should I use #bdc2cd in user interface design?
Use #bdc2cd as a primary background color to maintain a clean, airy aesthetic without overwhelming the user. It works best when contrasted with deep charcoal typography, as black text remains sharp and highly legible against this soft blue-grey backdrop.
Does #bdc2cd work well alongside pure white elements?
Avoid placing #bdc2cd directly adjacent to pure white because the lack of contrast can make the color appear washed out or muddy. Instead, layer it with darker neutral tones or distinct borders to preserve its subtle blue-grey character.
Is #bdc2cd readable on white or black?
#bdc2cd has a 1.78:1 contrast ratio on white and 11.76: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.