5 colors · #FBB195 · #F67280 · #C06C84 · #6C5B7B · #355C7D
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FBB195 | 251 177 149 | 16° 93% 78% | |
| #F67280 | 246 114 128 | 354° 88% 71% | |
| #C06C84 | 192 108 132 | 343° 40% 59% | |
| #6C5B7B | 108 91 123 | 272° 15% 42% | |
| #355C7D | 53 92 125 | 208° 40% 35% |
Hex list
#FBB195, #F67280, #C06C84, #6C5B7B, #355C7DCSS variables
:root {
--sunset-poster-1: #FBB195;
--sunset-poster-2: #F67280;
--sunset-poster-3: #C06C84;
--sunset-poster-4: #6C5B7B;
--sunset-poster-5: #355C7D;
}Tailwind v4
@theme {
--color-sunset-poster-1: #FBB195;
--color-sunset-poster-2: #F67280;
--color-sunset-poster-3: #C06C84;
--color-sunset-poster-4: #6C5B7B;
--color-sunset-poster-5: #355C7D;
}JSON
{
"name": "Sunset Poster",
"colors": [
"#FBB195",
"#F67280",
"#C06C84",
"#6C5B7B",
"#355C7D"
],
"source": null
}