#B8DEF2 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Diluted Blue is a light, airy shade with extremely low saturation. Because it feels so sterile and clean, it works effectively as a full-screen background for healthcare or finance interfaces. The hex code #b8def2 offers excellent readability for black text, though it can wash out against pure white. Pair it with deep charcoal or slate greys to create a grounded, professional contrast.
Questions about Diluted Blue
What is the hex code for Diluted Blue?
Diluted Blue is #b8def2. In RGB that is rgb(184, 222, 242), in HSL hsl(201, 69%, 84%) and in CMYK 24%, 8%, 0%, 5%.
Does #b8def2 work well as a background for text?
This color serves as an excellent background for dark, high-contrast text, such as deep charcoal. Because #b8def2 is quite light, avoid using white or very pale gray typography over it, as the lack of contrast will hurt readability and accessibility.
Why does #b8def2 feel so sterile compared to other blues?
The extreme lack of saturation gives #b8def2 its clinical, airy quality, which differentiates it from warmer, more vibrant sky blues. This neutral character makes it ideal for institutional or data-heavy design where visual calmness is required to reduce user fatigue.
Is Diluted Blue readable on white or black?
Diluted Blue has a 1.42:1 contrast ratio on white and 14.76: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.