A study in blue
Tailwind Slate 600
#45556C
- Family
- Blue
- L
- 0.445
- C
- 0.043
- H
- 257°
Notes
Slate 600 is the cool grey Vercel, Supabase, and most other dev-tool sites of the last five years use for body type - just enough blue cast to feel modern but never crossing into looking tinted. The hex sits in the same neighbourhood Apple's macOS uses for system labels in light mode. Body text against white passes AAA at every standard size, which is what makes it such a common default for primary copy in design systems built around blue or indigo brand colours. Any chromatic accent in the cool half of the wheel works; warm accents do too, though the temperature contrast becomes dominant.
Palette built around Tailwind Slate 600
Related colors
Frequently asked questions
What is Tailwind Slate 600?
Slate 600 is the cool grey Vercel, Supabase, and most other dev-tool sites of the last five years use for body type - just enough blue cast to feel modern but never crossing into looking tinted. The hex sits in the same neighbourhood Apple's macOS uses for system labels in light mode. Its hex code is #45556C.
What are the tints and shades of Tailwind Slate 600?
uishades builds an 11-step OKLCH ramp for Tailwind Slate 600 (#45556C) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.
What colors pair well with Tailwind Slate 600?
Its complementary color is #615139. Triadic partners are #6A4A4B and #495A42; analogous neighbours are #52516B and #3A5967.
What are the OKLCH and RGB values of Tailwind Slate 600?
Tailwind Slate 600 is #45556C - OKLCH 0.445 0.043 257°, rgb(69 85 108), in the blue family.