Modern Cool Mineral Gray
Category: Neutral
Slate Gray (#708090) — Color Codes, Meaning & UI Palettes
Slate Gray mirrors fine-grained metamorphic rock. With its subtle blue undertone, it communicates industrial endurance, architectural precision, and neutral balance.
Click to Copy HEX
Slate Gray
#708090
HEX
#708090
RGB
rgb(112, 128, 144)
HSL
hsl(210deg, 13%, 50%)
CMYK (Print)
cmyk(22%, 11%, 0%, 44%)
Apple Display P3
color(display-p3 0.439 0.502 0.565)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
4.05:1 (AA Large)
Black Text (#000000)
5.18:1 (AA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#F6F7F8
100
#E8EBED
200
#D1D6DB
300
#B5BDC5
400
#929EAB
500
#708090
600
#5A6673
700
#434D56
800
#2D333A
900
#191C20
950
#0D0F11
Color Harmonies & Palette Schemes
Complementary
#90806F
Opposite 180° Contrast
Analogous -30°
#6F9090
Natural Harmony
Analogous +30°
#6F6F90
Natural Harmony
Triadic +120°
#906F80
120° Balanced Triad
Triadic +240°
#80906F
120° Balanced Triad
Curated UI Design Pairings for Slate Gray
The gold standard for secondary typography, table borders, and inactive UI tabs in modern SaaS interfaces.
Clean Obsidian
#0A0B0E
Primary Dark Surface
Electric Cobalt
#2563EB
Active State Highlight
Alabaster White
#F8F9FA
High-Contrast Heading
Cool Divider
#E2E8F0
Subtle Structure
Export Slate Gray Code Snippets
CSS Variable
--color-slate-gray: #708090;
Tailwind Config
'slate-gray': '#708090'
Swift / SwiftUI
Color(hex: "#708090")
JSON Design Token
{"name": "Slate Gray", "hex": "#708090"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.