4 colors · #53D2DC · #3196E2 · #FF826C · #FFC05F
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #53D2DC | 83 210 220 | 184° 66% 59% | |
| #3196E2 | 49 150 226 | 206° 75% 54% | |
| #FF826C | 255 130 108 | 9° 100% 71% | |
| #FFC05F | 255 192 95 | 36° 100% 69% |
Hex list
#53D2DC, #3196E2, #FF826C, #FFC05FCSS variables
:root {
--caribbean-1: #53D2DC;
--caribbean-2: #3196E2;
--caribbean-3: #FF826C;
--caribbean-4: #FFC05F;
}Tailwind v4
@theme {
--color-caribbean-1: #53D2DC;
--color-caribbean-2: #3196E2;
--color-caribbean-3: #FF826C;
--color-caribbean-4: #FFC05F;
}JSON
{
"name": "Caribbean",
"colors": [
"#53D2DC",
"#3196E2",
"#FF826C",
"#FFC05F"
],
"source": null
}