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 triadic 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 |
|---|---|---|---|---|---|
#39AEF2 | rgb(57, 174, 242) | hsl(202, 88%, 59%) | Pure Blue | View | |
#F528AA | rgb(245, 40, 170) | hsl(322, 91%, 56%) | Vibrant Pink | View | |
#A9F12D | rgb(169, 241, 45) | hsl(82, 87%, 56%) | Pure Lime | View | |
#1590D7 | rgb(21, 144, 215) | hsl(202, 82%, 46%) | Pure Blue | View | |
#E30C94 | rgb(227, 12, 148) | hsl(322, 90%, 47%) | Pure Pink | View |
:root {
--color-1: #39AEF2;
--color-2: #F528AA;
--color-3: #A9F12D;
--color-4: #1590D7;
--color-5: #E30C94;
}Palettes that share visual characteristics and color harmony.