#BAC4EB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#bac4eb is a very unsaturated, dusty indigo with cool undertones. Its washed-out, pastel character makes it an effective neutral base for UI backgrounds or baby-themed branding. Because it offers strong contrast with black text, it maintains readability at smaller sizes. Pair this hex code with warm terracotta or charcoal grays to ground the airy, ethereal feeling of the color.
Questions about #bac4eb
What is #bac4eb in RGB, HSL and CMYK?
In RGB, #bac4eb is rgb(186, 196, 235), in HSL hsl(228, 55%, 83%) and in CMYK 21%, 17%, 0%, 8%. Browse more shades of blue with names and hex codes.
What colors pair best with #bac4eb for a balanced palette?
Use #bac4eb alongside earthy terracotta or deep charcoal grays to ground its airy, pastel aesthetic. These darker tones provide the necessary contrast to stop the indigo from feeling too washed out or overly sterile in your final composition.
Is #bac4eb a suitable choice for web interface backgrounds?
Yes, #bac4eb works exceptionally well as a background because its muted saturation prevents eye strain while maintaining enough presence to define UI elements. It offers excellent readability when paired with high-contrast text like black or very dark slate grays.
Is #bac4eb readable on white or black?
#bac4eb has a 1.72:1 contrast ratio on white and 12.18: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.