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 trending palette featuring Cyan, Dark Cyan, Vibrant Cyan.
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 |
|---|---|---|---|---|---|
#43E0E0 | rgb(67, 224, 224) | hsl(180, 72%, 57%) | Cyan | View | |
#156E6E | rgb(21, 110, 110) | hsl(180, 68%, 26%) | Dark Cyan | View | |
#02EBEB | rgb(2, 235, 235) | hsl(180, 98%, 46%) | Vibrant Cyan | View | |
#2A6B6B | rgb(42, 107, 107) | hsl(180, 44%, 29%) | Dark Soft Cyan | View | |
#39E3E3 | rgb(57, 227, 227) | hsl(180, 75%, 56%) | Cyan | View | |
#458585 | rgb(69, 133, 133) | hsl(180, 32%, 40%) | Dark Muted Cyan | View | |
#1DA8A8 | rgb(29, 168, 168) | hsl(180, 71%, 39%) | Dark Cyan | View | |
#23A1A1 | rgb(35, 161, 161) | hsl(180, 64%, 38%) | Dark Cyan | View |
:root {
--color-1: #43E0E0;
--color-2: #156E6E;
--color-3: #02EBEB;
--color-4: #2A6B6B;
--color-5: #39E3E3;
--color-6: #458585;
--color-7: #1DA8A8;
--color-8: #23A1A1;
}Palettes that share visual characteristics and color harmony.