Skip to content
Luna UI
Source

5 colors · #556270 · #4ECDC4 · #C7F464 · #FF6B6B · #C44D58

Colors in cheer up emo kid
Color Hex RGB HSL
#556270 85 98 112 211° 14% 39%
#4ECDC4 78 205 196 176° 56% 55%
#C7F464 199 244 100 79° 87% 67%
#FF6B6B 255 107 107 0° 100% 71%
#C44D58 196 77 88 354° 50% 54%
Gradient textGradient background Markdown
Hex list
#556270, #4ECDC4, #C7F464, #FF6B6B, #C44D58
CSS variables
:root {
  --cheer-up-emo-kid-1: #556270;
  --cheer-up-emo-kid-2: #4ECDC4;
  --cheer-up-emo-kid-3: #C7F464;
  --cheer-up-emo-kid-4: #FF6B6B;
  --cheer-up-emo-kid-5: #C44D58;
}
Tailwind v4
@theme {
  --color-cheer-up-emo-kid-1: #556270;
  --color-cheer-up-emo-kid-2: #4ECDC4;
  --color-cheer-up-emo-kid-3: #C7F464;
  --color-cheer-up-emo-kid-4: #FF6B6B;
  --color-cheer-up-emo-kid-5: #C44D58;
}
JSON
{
  "name": "cheer up emo kid",
  "colors": [
    "#556270",
    "#4ECDC4",
    "#C7F464",
    "#FF6B6B",
    "#C44D58"
  ],
  "source": "https://www.colourlovers.com/palette/1930/cheer_up_emo_kid"
}

Aesthetic styles