#BFDBE3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, bleached cyan leans heavily into grey, creating a washed-out, airy quality. Because it offers high contrast with black, #bfdbe3 functions best as a dominant UI background rather than fine text. It pairs well with charcoal or deep slate, grounding the otherwise delicate tone. As a light, refreshing shade, it works for clean, minimalist interfaces where you need open space without the starkness of pure white.
Questions about #bfdbe3
What is #bfdbe3 in RGB, HSL and CMYK?
In RGB, #bfdbe3 is rgb(191, 219, 227), in HSL hsl(193, 39%, 82%) and in CMYK 16%, 4%, 0%, 11%.
What is the best way to use #bfdbe3 in a UI design?
#bfdbe3 works exceptionally well as a primary background color for clean, minimalist interfaces because it offers a soft, airy feel without the harshness of white. To maintain readability, always pair it with high-contrast text like charcoal or dark navy.
How would you describe the undertones of #bfdbe3?
This color functions as a heavily desaturated, bleached cyan that leans into grey. This neutral quality makes it a versatile choice for designers seeking a refreshing, muted aesthetic that grounds a palette rather than overpowering other stronger, more vibrant hues.
Is #bfdbe3 readable on white or black?
#bfdbe3 has a 1.45:1 contrast ratio on white and 14.45: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.