4 colors · #326789 · #78A6C8 · #E9EEF2 · #E65C4F
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #326789 | 50 103 137 | 203° 47% 37% | |
| #78A6C8 | 120 166 200 | 206° 42% 63% | |
| #E9EEF2 | 233 238 242 | 207° 26% 93% | |
| #E65C4F | 230 92 79 | 5° 75% 61% |
Hex list
#326789, #78A6C8, #E9EEF2, #E65C4FCSS variables
:root {
--slate-1: #326789;
--slate-2: #78A6C8;
--slate-3: #E9EEF2;
--slate-4: #E65C4F;
}Tailwind v4
@theme {
--color-slate-1: #326789;
--color-slate-2: #78A6C8;
--color-slate-3: #E9EEF2;
--color-slate-4: #E65C4F;
}JSON
{
"name": "Slate",
"colors": [
"#326789",
"#78A6C8",
"#E9EEF2",
"#E65C4F"
],
"source": null
}