lightgrey
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#D3D3D3
CSS color
Light Gray (#D3D3D3) is a pale, cool-neutral gray CSS named color sitting near the lighter end of the gray scale. It is one of the most frequently used CSS colors in web design, serving as a standard background tone for cards, disabled states, input fields, and subtle visual hierarchy elements. Its widespread use in UI frameworks makes it one of the most recognized design system colors.
Valeurs de couleur
#D3D3D3
211, 211, 211
0,0, 0,0%, 82,7%
0,0, 0,0%, 82,7%
0,0%, 0,0%, 0,0%, 17,3%
0,8669 0,0 89,9
Propriétés
Psychologie des couleurs
Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.
Design Usage
Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.
Harmonies de couleurs
Simulation de daltonisme
Utilisation CSS
background-color: #D3D3D3;
color: #D3D3D3;
border-color: #D3D3D3;
Neutral 300
#D4D4D4
Nuances Tailwind
Vérificateur de contraste
Texte sur blanc
1,5:1
Texte sur noir
14,03:1
Comparer avec
Questions fréquemment posées
What are the RGB, HSL, and CMYK values of #D3D3D3?
RGB(211, 211, 211) · HSL(0,0, 0,0%, 82,7%) · CMYK(0,0%, 0,0%, 0,0%, 17,3%)
Does #D3D3D3 meet WCAG contrast on white?
1,5:1 — WCAG AA Échoué, AAA Échoué for normal text.
What text color is readable on #D3D3D3?
Use 000000 text on a #D3D3D3 background; contrast on black is 14,03:1.