#B5CAD5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, ashy blue carries a bleached, airy quality. Because it is highly readable against black text, #b5cad5 functions well as a neutral UI background in finance or healthcare applications. It can look slightly washed out when placed directly next to pure white, so pair it with darker slate tones or charcoal greys to ground the overall design. The hex code for this cool shade is #b5cad5.
Questions about #b5cad5
What is #b5cad5 in RGB, HSL and CMYK?
In RGB, #b5cad5 is rgb(181, 202, 213), in HSL hsl(201, 28%, 77%) and in CMYK 15%, 5%, 0%, 16%. Browse more shades of gray with names and hex codes.
How should I use #b5cad5 in UI design?
#b5cad5 works effectively as a subtle background color because it provides high readability for black text. To prevent the shade from looking washed out, pair it with deeper accents like charcoal or slate to ground your interface.
Is #b5cad5 considered a warm or cool color?
#b5cad5 is a distinctly cool, desaturated blue that leans toward an ashy, muted gray. Its low saturation makes it feel calm and professional rather than vibrant, which helps it recede into the background of a composition.
Is #b5cad5 readable on white or black?
#b5cad5 has a 1.69:1 contrast ratio on white and 12.37: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.