#B7BED3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A pale, bleached indigo, #b7bed3 feels atmospheric and airy. Its desaturated quality makes it a reliable neutral for minimalist web interfaces, where it provides more character than standard grey. Because black text maintains excellent readability against this shade, use it for primary background blocks or structural UI elements. The hex code for this cool, delicate tone is #b7bed3.
Questions about #b7bed3
What is #b7bed3 in RGB, HSL and CMYK?
In RGB, #b7bed3 is rgb(183, 190, 211), in HSL hsl(225, 24%, 77%) and in CMYK 13%, 10%, 0%, 17%.
How should #b7bed3 be used in UI design?
Use #b7bed3 as a grounding base for minimalist interfaces where standard greys feel too sterile. Its bleached indigo quality ensures high readability for black text, making it a reliable choice for primary layout sections or subtle structural backgrounds in modern applications.
Which colors complement #b7bed3 effectively?
Pair #b7bed3 with deep, high-contrast tones like charcoal to maintain legibility and visual interest. It also works well alongside warm, muted earth tones such as terracotta or soft creams, which prevent the overall palette from feeling too chilly or isolated.
Is #b7bed3 readable on white or black?
#b7bed3 has a 1.85:1 contrast ratio on white and 11.31: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.