Light Slate Gray vs Light Gray

Light Slate Gray #778899 View details →

Light Gray #D3D3D3 View details →

What is the difference between Light Slate Gray and Light Gray?

A side-by-side study of Light Slate Gray (#778899) and Light Gray (#D3D3D3) presents distinct choices for graphic layouts. Light Slate Gray stands out as the more vivid and colorful shade of the two. Light Gray behaves as a lighter and more luminous tone. With a substantial hue separation of 210°, they yield a striking offset.

Design recommendations for Light Slate Gray vs Light Gray

Integrating Light Slate Gray and Light Gray requires balancing dark and light elements. Utilize the depth of Light Slate Gray to provide strong contrast and visual structure, and pair it with Light Gray on card backgrounds or subtle link accents to keep the user interface fresh and readable.

✦ Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Light Slate Gray Typography

Preview of dark and light text elements rendered over a solid Light Slate Gray background canvas.

White Text: 3.64:1 Black Text: 5.77:1

Light Gray Typography

Preview of dark and light text elements rendered over a solid Light Gray background canvas.

White Text: 1.50:1 Black Text: 14.03:1

⚙ Technical Specifications Comparison

Format / Value	Light Slate Gray	Light Gray	Delta / Difference
HEX Code	`#778899`	`#D3D3D3`	-
RGB Channels	`rgb(119, 136, 153)`	`rgb(211, 211, 211)`	`R:+92 \| G:+75 \| B:+58`
HSL Values	`hsl(210°, 14%, 53%)`	`hsl(0°, 0%, 83%)`	`H:-210° \| S:-14% \| L:+30%`
CMYK (Print)	`cmyk(22%, 11%, 0%, 40%)`	`cmyk(0%, 0%, 0%, 17%)`	-

◉ Individual Color References

Light Slate Gray Reference Sheet HEX, RGB, HSL and print codes

Light Gray Reference Sheet HEX, RGB, HSL and print codes