What is the meaning of the Light Slate Gray color?
Light Slate Gray is a cool, medium-light gray color with blue undertones. It represents modern metal surfaces and clean technology, popular as a border and icon color in tech apps.
How to use the Light Slate Gray color hex code in HTML & CSS?
To style elements with Light Slate Gray on a website, use the hex code #778899 in your HTML/CSS. Adding background-color: #778899; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#778899] or configuring it as a color variable in your configuration file.
What are the RGB and HSL codes of Light Slate Gray?
In the digital sRGB spectrum, the Light Slate Gray color code is mapped to RGB values of Red: 119, Green: 136, and Blue: 153. In the HSL system, it registers at hue angle 210°, saturation 14%, and lightness index 53%. It represents a balanced medium tone characterized by a soft, understated pastel shade.
CMYK print profiles for Light Slate Gray color
To reproduce the named shade Light Slate Gray in print systems, the CMYK ink configuration requires 22% Cyan, 11% Magenta, 0% Yellow, and 40% black. In digital designs, blue coordinates like this are highly favored by technical and corporate platforms to foster user trust, stability, and clean readability.
Light Slate Gray Color Space Conversions
Click to copy formatContrast & Accessibility (WCAG 2.1) Check
White text readability test with #778899
Small body copy preview
Black text readability test with #778899
Small body copy preview
Complementary & Analogous Harmonies
Computed dynamicallyShades & Tints Generator Matrix
Copy shade hex values instantlyDarker Shades (Adding Black)
Lighter Tints (Adding White)
CSS Custom Properties (Variables)
--color-hex: #778899;
--color-rgb: rgb(119, 136, 153);
--color-hsl: hsl(210deg, 14%, 53%);
--color-name: lightslategray;
Known Color Aliases
Light Slate Gray Color Meaning
In design psychology, Light Slate Gray is classified as a gray shade, inheriting its psychological associations. The gray hue is the great equalizer of the color spectrum — neutral, impartial, and sophisticated. It carries connotations of maturity, reliability, and professional restraint. In design, gray provides visual breathing room, allowing accent colors to take center stage while creating an overall sense of sophistication. Dark charcoals communicate premium quality and authority, while light grays feel airy and modern. Technology companies favor gray for its associations with precision and innovation. Gray is psychologically calming precisely because it lacks the stimulation of chromatic colors. However, when overused without contrast, gray can feel cold, lifeless, and depressing — balance is essential to harness its sophistication.
Emotions & Associations
Industries