5 colors · #FCEDD8 · #FFD464 · #FF5E5E · #E23C64 · #B0183D
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FCEDD8 | 252 237 216 | 35° 86% 92% | |
| #FFD464 | 255 212 100 | 43° 100% 70% | |
| #FF5E5E | 255 94 94 | 0° 100% 68% | |
| #E23C64 | 226 60 100 | 346° 74% 56% | |
| #B0183D | 176 24 61 | 345° 76% 39% |
Hex list
#FCEDD8, #FFD464, #FF5E5E, #E23C64, #B0183DCSS variables
:root {
--coral-wave-1: #FCEDD8;
--coral-wave-2: #FFD464;
--coral-wave-3: #FF5E5E;
--coral-wave-4: #E23C64;
--coral-wave-5: #B0183D;
}Tailwind v4
@theme {
--color-coral-wave-1: #FCEDD8;
--color-coral-wave-2: #FFD464;
--color-coral-wave-3: #FF5E5E;
--color-coral-wave-4: #E23C64;
--color-coral-wave-5: #B0183D;
}JSON
{
"name": "Coral Wave",
"colors": [
"#FCEDD8",
"#FFD464",
"#FF5E5E",
"#E23C64",
"#B0183D"
],
"source": "https://www.instagram.com/p/C6hP_0pNbQU/"
}