lightslategrey

#778899

CSS color

Light Slate Gray (#778899) is a medium-toned, cool blue-gray CSS named color sitting at the intersection of blue and gray. It is slightly lighter and cooler than slate gray, with a crisp, clean quality associated with polished metal, architectural concrete, and professional web design. It is widely used as a mid-tone in corporate design systems and neutral UI palettes.

Color Values

HEX

#778899

RGB

119, 136, 153

HSL

210.0, 14.3%, 53.3%

HSV

210.0, 22.2%, 60.0%

CMYK

22.2%, 11.1%, 0.0%, 40.0%

OKLCH

0.619 0.0325 248.4

Properties

Color Psychology

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #778899;
color: #778899;
border-color: #778899;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

5.77:1

AA Pass AAA Fail

Compare With