#B2CAE4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, unsaturated blue carries a dusty, muted quality that prevents it from appearing childish. #b2cae4 works well as a subtle UI background because it offers high readability with black text. Since the hex code provides a 12.5:1 contrast ratio, it remains accessible for small body text. Pair this light tone with charcoal or deep slate to anchor its airy feel in professional designs.
Questions about #b2cae4
What is #b2cae4 in RGB, HSL and CMYK?
In RGB, #b2cae4 is rgb(178, 202, 228), in HSL hsl(211, 48%, 80%) and in CMYK 22%, 11%, 0%, 11%.
How does #b2cae4 perform in professional UI design?
The hex color #b2cae4 is an excellent choice for UI backgrounds because it maintains a high contrast ratio with standard black text. Its muted, unsaturated nature prevents screen glare, making it highly readable for long-form content or administrative dashboards.
Which colors pair best with #b2cae4?
Is #b2cae4 readable on white or black?
#b2cae4 has a 1.68:1 contrast ratio on white and 12.46: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.