4 colors · #3674B5 · #578FCA · #A1E3F9 · #D1F8EF
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #3674B5 | 54 116 181 | 211° 54% 46% | |
| #578FCA | 87 143 202 | 211° 52% 57% | |
| #A1E3F9 | 161 227 249 | 195° 88% 80% | |
| #D1F8EF | 209 248 239 | 166° 74% 90% |
Hex list
#3674B5, #578FCA, #A1E3F9, #D1F8EFCSS variables
:root {
--ice-coastline-1: #3674B5;
--ice-coastline-2: #578FCA;
--ice-coastline-3: #A1E3F9;
--ice-coastline-4: #D1F8EF;
}Tailwind v4
@theme {
--color-ice-coastline-1: #3674B5;
--color-ice-coastline-2: #578FCA;
--color-ice-coastline-3: #A1E3F9;
--color-ice-coastline-4: #D1F8EF;
}JSON
{
"name": "Ice Coastline",
"colors": [
"#3674B5",
"#578FCA",
"#A1E3F9",
"#D1F8EF"
],
"source": "https://colorhunt.co/palette/3674b5578fcaa1e3f9d1f8ef"
}