6 colors · #43729C · #6BB1DA · #D1ECFF · #1E5470 · #6BC1D1 · #C8EAEC
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #43729C | 67 114 156 | 208° 40% 44% | |
| #6BB1DA | 107 177 218 | 202° 60% 64% | |
| #D1ECFF | 209 236 255 | 205° 100% 91% | |
| #1E5470 | 30 84 112 | 200° 58% 28% | |
| #6BC1D1 | 107 193 209 | 189° 53% 62% | |
| #C8EAEC | 200 234 236 | 183° 49% 85% |
Hex list
#43729C, #6BB1DA, #D1ECFF, #1E5470, #6BC1D1, #C8EAECCSS variables
:root {
--cool-1: #43729C;
--cool-2: #6BB1DA;
--cool-3: #D1ECFF;
--cool-4: #1E5470;
--cool-5: #6BC1D1;
--cool-6: #C8EAEC;
}Tailwind v4
@theme {
--color-cool-1: #43729C;
--color-cool-2: #6BB1DA;
--color-cool-3: #D1ECFF;
--color-cool-4: #1E5470;
--color-cool-5: #6BC1D1;
--color-cool-6: #C8EAEC;
}JSON
{
"name": "Cool",
"colors": [
"#43729C",
"#6BB1DA",
"#D1ECFF",
"#1E5470",
"#6BC1D1",
"#C8EAEC"
],
"source": null
}