HEX #78A7ED color — Portage
The color #78a7ed is a light shade and slightly desaturated.
Palette
78a7ed color palette from light to dark
| HEX |
RGB |
HSL |
| #e9f0fc |
rgb(233,240,252) |
hsl(216,76%,95%) |
| #d2e2f9 |
rgb(210,226,249) |
hsl(216,76%,90%) |
| #bcd3f6 |
rgb(188,211,246) |
hsl(216,76%,85%) |
| #a5c4f3 |
rgb(165,196,243) |
hsl(216,76%,80%) |
| #8fb6f0 |
rgb(143,182,240) |
hsl(216,76%,75%) |
| #78a7ed |
rgb(120,167,237) |
hsl(216,76%,70%) |
| #6298ea |
rgb(98,152,234) |
hsl(216,76%,65%) |
| #4b89e7 |
rgb(75,137,231) |
hsl(216,76%,60%) |
| #357be3 |
rgb(53,123,227) |
hsl(216,76%,55%) |
| #1f6ce0 |
rgb(31,108,224) |
hsl(216,76%,50%) |
| #1c61ca |
rgb(28,97,202) |
hsl(216,76%,45%) |
| #1856b4 |
rgb(24,86,180) |
hsl(216,76%,40%) |
| #154c9d |
rgb(21,76,157) |
hsl(216,76%,35%) |
| #124187 |
rgb(18,65,135) |
hsl(216,76%,30%) |
| #0f3670 |
rgb(15,54,112) |
hsl(216,76%,25%) |
| #0c2b5a |
rgb(12,43,90) |
hsl(216,76%,20%) |
| #092043 |
rgb(9,32,67) |
hsl(216,76%,15%) |
| #06162d |
rgb(6,22,45) |
hsl(216,76%,10%) |
| #030b16 |
rgb(3,11,22) |
hsl(216,76%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #78EDE5 |
rgb(120,237,229) |
hsl(176,76%,70%) |
| #78A7ED |
rgb(120,167,237) |
hsl(216,76%,70%) |
| #9778ED |
rgb(151,120,237) |
hsl(256,76%,70%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
| #DCE8FA |
rgb(220,232,250) |
hsl(216,75%,92%) |
| #AAC7F3 |
rgb(170,199,243) |
hsl(216,75%,81%) |
| #78A7ED |
rgb(120,167,237) |
hsl(216,76%,70%) |
| #4587E6 |
rgb(69,135,230) |
hsl(215,76%,59%) |
| #1C66D6 |
rgb(28,102,214) |
hsl(216,77%,47%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #78A7ED |
rgb(120,167,237) |
hsl(216,76%,70%) |
| #ED8578 |
rgb(237,133,120) |
hsl(7,76%,70%) |
| #E1ED78 |
rgb(225,237,120) |
hsl(66,76%,70%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #78A7ED |
rgb(120,167,237) |
hsl(216,76%,70%) |
| #EDBF78 |
rgb(237,191,120) |
hsl(36,76%,70%) |
| #78E0ED |
rgb(120,224,237) |
hsl(187,76%,70%) |
| #E1ED78 |
rgb(225,237,120) |
hsl(66,76%,70%) |
