5 colors · #69D2E7 · #A7DBD8 · #E0E4CC · #F38630 · #FA6900
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #69D2E7 | 105 210 231 | 190° 72% 66% | |
| #A7DBD8 | 167 219 216 | 177° 42% 76% | |
| #E0E4CC | 224 228 204 | 70° 31% 85% | |
| #F38630 | 243 134 48 | 26° 89% 57% | |
| #FA6900 | 250 105 0 | 25° 100% 49% |
Hex list
#69D2E7, #A7DBD8, #E0E4CC, #F38630, #FA6900CSS variables
:root {
--giant-goldfish-1: #69D2E7;
--giant-goldfish-2: #A7DBD8;
--giant-goldfish-3: #E0E4CC;
--giant-goldfish-4: #F38630;
--giant-goldfish-5: #FA6900;
}Tailwind v4
@theme {
--color-giant-goldfish-1: #69D2E7;
--color-giant-goldfish-2: #A7DBD8;
--color-giant-goldfish-3: #E0E4CC;
--color-giant-goldfish-4: #F38630;
--color-giant-goldfish-5: #FA6900;
}JSON
{
"name": "Giant Goldfish",
"colors": [
"#69D2E7",
"#A7DBD8",
"#E0E4CC",
"#F38630",
"#FA6900"
],
"source": "https://www.colourlovers.com/palette/92095/Giant_Goldfish"
}