#B4D2B6 Hex Color

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

Hex color #b4d2b6 graphic
This pale, desaturated green offers an airy, delicate presence. Because of its low chroma, #b4d2b6 works best as a soft background base rather than an accent. It pairs unexpectedly well with deep charcoal or slate greys, which ground its inherent lightness. The hex code #b4d2b6 provides excellent readability for body text, making it a functional choice for clean, minimal UI designs where white feels too stark.

Questions about #b4d2b6

What is #b4d2b6 in RGB, HSL and CMYK?
In RGB, #b4d2b6 is rgb(180, 210, 182), in HSL hsl(124, 25%, 76%) and in CMYK 14%, 0%, 13%, 18%.
What colors pair well with #b4d2b6 for a balanced UI?
#b4d2b6 functions best when paired with high-contrast, neutral darks like charcoal or slate to ground its lightness. Because #b4d2b6 is so desaturated, using these deep tones for typography ensures your layout remains readable while maintaining a calm, minimalist aesthetic.
Is #b4d2b6 suitable for large-scale web backgrounds?
Yes, #b4d2b6 works exceptionally well for large backgrounds because its low saturation prevents it from becoming overwhelming or harsh on the eyes. It is a functional choice for clean, modern interfaces that need color without sacrificing the readability provided by a standard white background.
Is #b4d2b6 readable on white or black?
#b4d2b6 has a 1.63:1 contrast ratio on white and 12.83: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.