#D3DCFF Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, unsaturated indigo sits at the intersection of softness and structure. Because it maintains high contrast against black text, it functions perfectly as a clean, legible background for UI design. Avoid pairing #d3dcff with bright whites, as it can look washed out. Instead, use this hex code as a base color alongside deep charcoals or muted earth tones to ground its airy feel.
Questions about #d3dcff
What is #d3dcff in RGB, HSL and CMYK?
In RGB, #d3dcff is rgb(211, 220, 255), in HSL hsl(228, 100%, 91%) and in CMYK 17%, 14%, 0%, 0%.
What color combinations work best with #d3dcff?
Since #d3dcff is a pale and airy indigo, it pairs exceptionally well with deep charcoal or slate tones to anchor its lightness. Avoid pairing it with pure whites, which can wash it out, and instead favor muted earth tones for a sophisticated, professional balance.
Is #d3dcff suitable for background use in user interface design?
Yes, #d3dcff acts as an excellent background choice because it maintains strong readability against black or dark gray text. Its unsaturated nature prevents it from feeling overwhelming on the eyes during long periods of screen use, making it ideal for clean, modern dashboard layouts.
Is #d3dcff readable on white or black?
#d3dcff has a 1.35:1 contrast ratio on white and 15.45: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.