#B8D2FC Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated periwinkle offers a airy, cool lightness that works well as a background for clean, modern interfaces. Because the hex code #b8d2fc has high contrast with black text, it functions perfectly for readable body copy. It feels professional and secure, pairing best with charcoal grays rather than stark white to avoid looking washed out. Designers utilize this tone in healthcare and finance for a reliable, soft aesthetic.
Questions about #b8d2fc
What is #b8d2fc in RGB, HSL and CMYK?
In RGB, #b8d2fc is rgb(184, 210, 252), in HSL hsl(217, 92%, 85%) and in CMYK 27%, 17%, 0%, 1%.
What color schemes pair well with #b8d2fc?
This cool periwinkle thrives when anchored by deeper neutrals. Pair it with charcoal for necessary contrast and a professional, secure look. Avoid using it against stark white backgrounds, as the lack of depth can make your design elements feel washed out and ungrounded.
Is #b8d2fc suitable for UI text?
While #b8d2fc serves as an excellent background for body copy, it is too light to be used for text itself. Always layer dark, high-contrast text on top of this color to ensure your interface remains readable and meets standard accessibility guidelines for all users.
Is #b8d2fc readable on white or black?
#b8d2fc has a 1.53:1 contrast ratio on white and 13.66: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.