Refined Medium Violet-Blue Slate
Category: Blue
Slate Blue (#6A5ACD) — Color Codes, Meaning & UI Palettes
Slate Blue (#6A5ACD) is a medium slate-tinted purple-blue that balances cool rock-like stability with vibrant indigo luminosity. It conveys technical authority, quiet confidence, and modern design precision.
Click to Copy HEX
Slate Blue
#6A5ACD
HEX
#6A5ACD
RGB
rgb(106, 90, 205)
HSL
hsl(248deg, 53%, 58%)
CMYK (Print)
cmyk(48%, 56%, 0%, 20%)
Apple Display P3
color(display-p3 0.416 0.353 0.804)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
5.3:1 (AA)
Black Text (#000000)
3.96:1 (AA Large)
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
#F1EFFA
100
#E3E0F5
200
#C6C1EC
300
#A39AE0
400
#786BD1
500
#6A5ACD
600
#4A39BA
700
#3B2D93
800
#2B216D
900
#1D1648
950
#100D29
Color Harmonies & Palette Schemes
Complementary
#BECD5B
Opposite 180° Contrast
Analogous -30°
#5B85CD
Natural Harmony
Analogous +30°
#A35BCD
Natural Harmony
Triadic +120°
#CD6A5B
120° Balanced Triad
Triadic +240°
#5BCD6A
120° Balanced Triad
Curated UI Design Pairings for Slate Blue
Exceptional primary button and active tab color in developer tools, AI platforms, and dark-mode web applications. Passes WCAG AA on white and deep dark surfaces.
Pure White
#FFFFFF
High-Contrast Primary Text
Deep Obsidian
#0B0F19
Pro Dark-Mode Canvas
Soft Cyan
#38BDF8
Electric Secondary Pill
Cool Lavender
#C7D2FE
Subtle Icon Tint
Export Slate Blue Code Snippets
CSS Variable
--color-slate-blue: #6A5ACD;
Tailwind Config
'slate-blue': '#6A5ACD'
Swift / SwiftUI
Color(hex: "#6A5ACD")
JSON Design Token
{"name": "Slate Blue", "hex": "#6A5ACD"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.