5 colors · #EDF2FA · #D7E3FC · #CCDBFD · #C1D3FE · #ABC4FF
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #EDF2FA | 237 242 250 | 217° 57% 95% | |
| #D7E3FC | 215 227 252 | 221° 86% 92% | |
| #CCDBFD | 204 219 253 | 222° 92% 90% | |
| #C1D3FE | 193 211 254 | 222° 97% 88% | |
| #ABC4FF | 171 196 255 | 222° 100% 84% |
Hex list
#EDF2FA, #D7E3FC, #CCDBFD, #C1D3FE, #ABC4FFCSS variables
:root {
--faded-blues-1: #EDF2FA;
--faded-blues-2: #D7E3FC;
--faded-blues-3: #CCDBFD;
--faded-blues-4: #C1D3FE;
--faded-blues-5: #ABC4FF;
}Tailwind v4
@theme {
--color-faded-blues-1: #EDF2FA;
--color-faded-blues-2: #D7E3FC;
--color-faded-blues-3: #CCDBFD;
--color-faded-blues-4: #C1D3FE;
--color-faded-blues-5: #ABC4FF;
}JSON
{
"name": "Faded Blues",
"colors": [
"#EDF2FA",
"#D7E3FC",
"#CCDBFD",
"#C1D3FE",
"#ABC4FF"
],
"source": "https://colorkit.co/palette/edf2fa-d7e3fc-ccdbfd-c1d3fe-abc4ff/"
}