#B3CCE4 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #b3cce4 graphic
This dusty, unsaturated blue has a delicate, pastel quality that feels airy and clean. Because of its light value, #b3cce4 works effectively as a background color that keeps interfaces readable. It pairs well with charcoal gray text for high contrast. Designers often rely on this shade for tech or healthcare branding where reliability and openness matter more than high-impact saturation.

Questions about #b3cce4

What is #b3cce4 in RGB, HSL and CMYK?
In RGB, #b3cce4 is rgb(179, 204, 228), in HSL hsl(209, 48%, 80%) and in CMYK 21%, 11%, 0%, 11%.
What colors pair well with #b3cce4 for web design?
#b3cce4 works effectively with charcoal or deep slate tones for high-contrast, readable text. To create a softer, more harmonious interface, pair it with muted cream or cool greys that maintain its airy, unsaturated quality without overpowering the visual space.
Is #b3cce4 considered a warm or cool color?
#b3cce4 is a distinctly cool blue that leans toward a desaturated, icy undertone. Because it lacks intense pigment, it avoids feeling aggressive or overly vibrant, making it a reliable choice for professional settings where clarity and a sense of calm are the priority.
Is #b3cce4 readable on white or black?
#b3cce4 has a 1.65:1 contrast ratio on white and 12.67: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.