slategrey

#708090

CSS color

Slate Grey (#708090) is a medium, cool blue-grey CSS named colour (also spelled slategray in CSS), referencing the naturally cool, blue-tinged grey of slate rock. One of the most popular neutral greys in web design, it provides a cool, sophisticated mid-tone that reads as both professional and contemporary. In UI design, slate grey is used for secondary text, borders, and neutral interface elements that need presence without demanding attention.

Color Values

HEX

#708090

RGB

112, 128, 144

HSL

210.0, 12.6%, 50.2%

HSV

210.0, 22.2%, 56.5%

CMYK

22.2%, 11.1%, 0.0%, 43.5%

OKLCH

0.5925 0.0309 248.3

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: #708090;
color: #708090;
border-color: #708090;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

Contrast Checker

Text on white

4.05:1

AA Fail AAA Fail

Text on black

5.18:1

AA Pass AAA Fail

Compare With

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #708090?

RGB(112, 128, 144) · HSL(210.0, 12.6%, 50.2%) · CMYK(22.2%, 11.1%, 0.0%, 43.5%)

Does #708090 meet WCAG contrast on white?

4.05:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #708090?

Use 000000 text on a #708090 background; contrast on black is 5.18:1.