#B5D5D0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b5d5d0 is a desaturated, pale teal with strong grey undertones. This airy shade offers excellent readability for black text, making it a practical choice for clean UI backgrounds or minimalist headers. Because it is so light, it risks washing out against pure white, so pair it with deep charcoal or muted navy for needed contrast. The hex code for this delicate color is #b5d5d0.
Questions about #b5d5d0
What is #b5d5d0 in RGB, HSL and CMYK?
In RGB, #b5d5d0 is rgb(181, 213, 208), in HSL hsl(171, 28%, 77%) and in CMYK 15%, 0%, 2%, 16%.
How can I use #b5d5d0 effectively in user interface design?
Use #b5d5d0 as a subtle background color for UI layouts to evoke a clean, minimalist aesthetic without overwhelming the viewer. Because this shade is quite light, always pair it with deep, high-contrast text like charcoal or deep navy to ensure accessibility.
Does #b5d5d0 read as a warm or cool color?
This color reads distinctly cool due to its strong blue and green base, though the grey desaturation softens that chill significantly. It creates a serene, spa-like atmosphere that feels professional and grounded rather than cold or clinical, making it ideal for healthcare or wellness branding.
Is #b5d5d0 readable on white or black?
#b5d5d0 has a 1.56:1 contrast ratio on white and 13.39: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.