#BFD2E0 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bfd2e0 graphic
#bfd2e0 is a pale, desaturated blue with strong grey undertones. Its washed-out character makes it an excellent choice for minimal UI backgrounds where white feels too sterile. While black text provides the necessary high contrast for readability, avoid pairing it with bright, saturated colors that might wash it out. This hex code works best as a neutral foundation in professional interfaces, healthcare branding, or tech layouts.

Questions about #bfd2e0

What is #bfd2e0 in RGB, HSL and CMYK?
In RGB, #bfd2e0 is rgb(191, 210, 224), in HSL hsl(205, 35%, 81%) and in CMYK 15%, 6%, 0%, 12%.
Why is #bfd2e0 effective for UI design?
This hex color acts as a versatile neutral because its strong grey undertones prevent the starkness often found in pure white backgrounds. It maintains excellent readability with high-contrast text and effectively reduces eye strain during long periods of screen time.
What colors pair well with #bfd2e0?
Pair #bfd2e0 with deep navy or charcoal to create a professional, high-contrast look that feels grounded. For a softer interface, combine it with muted, warm sand tones to balance the cool, washed-out character of this blue shade.
Is #bfd2e0 readable on white or black?
#bfd2e0 has a 1.55:1 contrast ratio on white and 13.51: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.