Coloried

Light Gray

Light Gray color is a muted shade of light gray. Its hex code is #D3D3D3 and rgb code is rgb(211, 211, 211), Its CMYK value is cmyk(0%, 0%, 0%, 17%), and Its HSL value is hsl(0, 0%, 83%). Against white, it has a contrast ratio of 1.50:1, while against black, the contrast ratio is 14.03:1. Its complementary color is #D4D4D4 and closest tailwind color is neutral-300. This color goes well with #878787, #878787, #616161, #A1A1A1, and #A1A1A1. To recreate the Light Gray color, you can mix #FFFFFF and #A7A7A7.

Light Gray color code
|
1. Color Conversions
HEX#D3D3D3
RGB211, 211, 211
HSL0°, 0%, 83%
HSV0°, 0%, 83%
CMYK0%, 0%, 0%, 17%
Web Safe#CCCCCC
2. Contrast Ratio
Text on #FFFFFF1.50:1
Fail LargeFail Normal
Text on #00000014.03:1
AAA LargeAAA Normal
3. Light Gray Color Code in CSS
HEX
#D3D3D3
RGB
rgb(211, 211, 211)
HSL
hsl(0, 0%, 83%)
Text Color
color: #D3D3D3;
Background
background-color: #D3D3D3;
Border Color
border-color: #D3D3D3;
Box Shadow
box-shadow: 0 4px 14px 0 #D3D3D380;
SCSS
$color-light-gray: #D3D3D3;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#D3D3D3
Deuteranopia#D3D3D3
Tritanopia#D3D3D3
Achromatopsia#D3D3D3
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive