#B4DBE4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated cyan feels light and airy due to its low chroma. Because it is so light, #b4dbe4 works best as a primary background color rather than for fine details. It provides excellent contrast for black text, making it a practical choice for readable UI designs. Pair it with soft charcoal or deep navy for a grounded, modern look that feels clean and professional.
Questions about #b4dbe4
What is #b4dbe4 in RGB, HSL and CMYK?
In RGB, #b4dbe4 is rgb(180, 219, 228), in HSL hsl(191, 47%, 80%) and in CMYK 21%, 4%, 0%, 11%. Browse more shades of blue with names and hex codes.
How should I use #b4dbe4 in UI design?
Use this pale cyan primarily as a background color to keep your interface looking light and airy. Because the tone is so unsaturated, it pairs best with strong dark text like charcoal to maintain clear readability for your users.
Is #b4dbe4 readable on white or black?
#b4dbe4 has a 1.47:1 contrast ratio on white and 14.19: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.