Similar colors View all →
Slate Grey
#687AAC
Slate Grey
#6B7280
Medium Grey
#9CA3AF
Charcoal
#374151
Night Grey
#1F2937
Almost Black
#111827
Anthracite
#4B5563
Steel Blue
#B0C4DE
Pearl Grey
#E5E7EB
Royal Blue
#4169E1
Navy Blue
#1E3A8A
Silver Grey
#D1D5DB
Sapphire
#2563EB
"Slate Grey"
Neutral · Winter
🧠 Psychology
Color of trust and stability. Evokes professionalism, security and serenity.
✨ Uses
Finance, banking, enterprise, software, social networks.
Tip
Slate Grey pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.
Values
HEX #687AAC
RGB rgb(104, 122, 172)
HSL hsl(224°, 29%, 54%)
CMYK C:40% M:29% Y:0% K:33%
Luminance 0.2012
WCAG Accessibility
On white 4.23:1
Aa — #687AAC
Secondary text
✗ AA ✗ AAA ✓ AA Large
On black 4.97:1
Aa — #687AAC
Secondary text
✓ AA ✗ AAA ✓ AA Large

All harmonies

Complementary
#687AAC #AC9A68
Analogous
#689CAC #687AAC #7868AC
Triadic
#687AAC #AC687A #7AAC68
Split-comp.
#687AAC #AC7868 #9CAC68
Tetradic
#687AAC #AC689C #AC9A68 #68AC78
Monochromatic
#1D212A #464F67 #737FA0 #929BB5 #BFC5D4
Suggested palettes for this hue.
Provence Lavender View all →
Volcano View all →
Coral Sea View all →

  
Discover more colors View all →
Ivory
#F8F7F4
Charcoal
#374151
Slate Grey
#6B7280
Pure White
#FFFFFF
Night Grey
#1F2937
Anthracite
#4B5563
Smoke White
#F5F5F5
Silver Grey
#D1D5DB
🔄 Converter ♿ Contrast 🌈 Gradient