#FFD3D3 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This very pale, unsaturated red reads as a gentle, creamy pastel. While it lacks the intensity of a primary red, #ffd3d3 provides a softness that works well for delicate branding or spring-themed designs. Pair it with deep charcoal or slate gray text to maintain readability, as it creates a high-contrast foundation for UI elements. Use this hex code as a supporting background rather than a primary focus.
Questions about #ffd3d3
What is #ffd3d3 in RGB, HSL and CMYK?
In RGB, #ffd3d3 is rgb(255, 211, 211), in HSL hsl(0, 100%, 91%) and in CMYK 0%, 17%, 17%, 0%.
What makes #ffd3d3 effective for UI design?
This hex color serves best as a subtle background, offering a soft visual foundation that keeps interfaces from feeling harsh. Because of its light saturation, pair it with deep tones like charcoal or slate to ensure your text remains perfectly legible.
Is #ffd3d3 better suited for print or digital?
Its delicate, unsaturated nature works beautifully in digital UI design where light, airy spaces are desired. While printable, the screen-based quality of this pastel red often loses some of its creamy, soft character when translated into physical ink-based applications.
Is #ffd3d3 readable on white or black?
#ffd3d3 has a 1.35:1 contrast ratio on white and 15.51: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.