#BFDDF5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This airy, pastel blue feels clean and youthful without appearing clinical. Because it is highly desaturated, #bfddf5 functions best as a neutral background or a supporting tone in softer UI palettes. It creates high contrast with dark text, making it a reliable choice for readability. Pair it with deep charcoal or slate gray to ground its lightness and maintain a professional, trustworthy finish.
Questions about #bfddf5
What is #bfddf5 in RGB, HSL and CMYK?
In RGB, #bfddf5 is rgb(191, 221, 245), in HSL hsl(207, 73%, 85%) and in CMYK 22%, 10%, 0%, 4%. Browse more shades of blue with names and hex codes.
What colors pair best with #bfddf5?
Pair #bfddf5 with charcoal or deep slate gray to ground its airy quality and ensure high-contrast readability. The desaturated nature of this blue also complements soft whites and muted pastels, making it an ideal candidate for balanced, non-clinical user interfaces.
Is #bfddf5 a good choice for text?
Because #bfddf5 is a very light pastel, it lacks the necessary contrast for dark text to be readable. It is best reserved for backgrounds, secondary UI elements, or subtle accents rather than primary text, which should always sit on a darker, more saturated base.
Is #bfddf5 readable on white or black?
#bfddf5 has a 1.41:1 contrast ratio on white and 14.87: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.