#B2DCF4 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for a pastel blue like #b2dcf4 when you need a background that feels open and low effort: healthcare apps, baby products, finance dashboards. Its low saturation and high lightness keep layouts soft, and black body text holds about 14.4:1 contrast on top. Next to pure white it can read washed out, so anchor it with charcoal or navy.
Questions about #b2dcf4
What is #b2dcf4 in RGB, HSL and CMYK?
In RGB, #b2dcf4 is rgb(178, 220, 244), in HSL hsl(202, 75%, 83%) and in CMYK 27%, 10%, 0%, 4%.
What text color works best on #b2dcf4?
Black text reads most clearly, with about 14.4:1 contrast, well above the 4.5:1 threshold WCAG AA requires for body text. Navy works too, though it delivers less contrast than black.
What colors pair well with #b2dcf4?
Pair charcoal or deep navy with it for structure, and add a soft coral or warm sand accent to offset the cool cast. Muted tones suit it better than bright primaries.
Is #b2dcf4 readable on white or black?
#b2dcf4 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.