#BAD0F4 Hex Color

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

Select a Color

This pastel blue is highly desaturated, lending it a clean and professional air. Because it is light and airy, #bad0f4 serves best as a neutral background for interface design rather than an accent. Pair it with dark navy text to maintain strong contrast and readability. The hex code #bad0f4 feels reliable, making it a natural choice for finance and healthcare UI where clarity matters.

Questions about #bad0f4

What is #bad0f4 in RGB, HSL and CMYK?

In RGB, #bad0f4 is rgb(186, 208, 244), in HSL hsl(217, 73%, 84%) and in CMYK 24%, 15%, 0%, 4%.

What colors pair best with #bad0f4 in a UI?

This light blue works best when grounded by high-contrast typography, such as deep navy or charcoal. Avoid pairing it with lighter pastels, as this often leads to poor readability and creates a washed-out, unprofessional appearance on digital screens.

Is #bad0f4 readable on white or black?

#bad0f4 has a 1.56:1 contrast ratio on white and 13.41: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.

#BAD0F4 Hex Color

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

Questions about #bad0f4

Color tools

Resources