Loading
Preparing the next color view
Building palettes, metadata, and layout pieces for this route.
Building palettes, metadata, and layout pieces for this route.
A neon palette in tetradic tones.
See how this palette performs in real-world UI mockups.
Experience the perfect harmony of colors calculated for your brand identity.
| Swatch | HEX | RGB | HSL | Name | Details |
|---|---|---|---|---|---|
#182EED | rgb(24, 46, 237) | hsl(234, 86%, 51%) | Pure Blue | View | |
#FA0598 | rgb(250, 5, 152) | hsl(324, 96%, 50%) | Vibrant Pink | View | |
#EFDB22 | rgb(239, 219, 34) | hsl(54, 86%, 54%) | Pure Yellow | View | |
#28F57A | rgb(40, 245, 122) | hsl(144, 91%, 56%) | Vibrant Green | View | |
#3347F7 | rgb(51, 71, 247) | hsl(234, 92%, 58%) | Vibrant Blue | View |
:root {
--color-1: #182EED;
--color-2: #FA0598;
--color-3: #EFDB22;
--color-4: #28F57A;
--color-5: #3347F7;
}Palettes that share visual characteristics and color harmony.