#BADBEC Hex Color

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

Select a Color

A very pale, unsaturated blue, #badbec offers a airy, clinical appearance that reads well as a background color. Because black text offers excellent contrast against this shade, it works effectively for UI layouts or documentation where legibility is paramount. It can look washed out next to pure white, so pair it with a deeper slate or navy to ground the palette. The hex code for this color is #badbec.

Questions about #badbec

What is #badbec in RGB, HSL and CMYK?

In RGB, #badbec is rgb(186, 219, 236), in HSL hsl(200, 57%, 83%) and in CMYK 21%, 7%, 0%, 7%.

How should I pair #badbec in a design?

Since #badbec is extremely light, pair it with dark, grounding neutrals like charcoal or navy to maintain contrast. Using it against pure white often feels washed out, so choose darker shades for text or bordering elements to ensure your layout feels stable and intentional.

Is #badbec readable on white or black?

#badbec has a 1.45:1 contrast ratio on white and 14.43: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.

#BADBEC Hex Color

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

Questions about #badbec

Color tools

Resources