#B3D1D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#b3d1d3 is a pale, desaturated cyan with a distinct ashy, grey undertone. Because it is so light and airy, it functions best as a soft background base or a secondary highlight rather than a main header color. It offers excellent legibility with black text, making it a practical choice for clean, minimal user interfaces. This hex code pairs well with dark charcoals to create modern, balanced contrast.
Questions about #b3d1d3
What is #b3d1d3 in RGB, HSL and CMYK?
In RGB, #b3d1d3 is rgb(179, 209, 211), in HSL hsl(184, 27%, 76%) and in CMYK 15%, 1%, 0%, 17%. Browse more shades of gray with names and hex codes.
Why does #b3d1d3 work well for UI backgrounds?
This color provides a subtle, professional canvas that reduces eye strain while allowing dark text to pop. Because of its desaturated, ashy quality, it recedes visually, keeping the focus on your primary content or data visualizations rather than the UI itself.
What colors pair well with #b3d1d3 for a modern palette?
Is #b3d1d3 readable on white or black?
#b3d1d3 has a 1.61:1 contrast ratio on white and 12.97: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.