HEX #78A8ED color — Portage
The color #78A8ED is a light shade and slightly desaturated.
Palette
78A8ED color palette from light to dark
HEX |
RGB |
HSL |
#e9f1fc |
rgb(233,241,252) |
hsl(215,76%,95%) |
#d2e2f9 |
rgb(210,226,249) |
hsl(215,76%,90%) |
#bcd4f6 |
rgb(188,212,246) |
hsl(215,76%,85%) |
#a5c6f3 |
rgb(165,198,243) |
hsl(215,76%,80%) |
#8fb7f0 |
rgb(143,183,240) |
hsl(215,76%,75%) |
#78a9ed |
rgb(120,169,237) |
hsl(215,76%,70%) |
#629aea |
rgb(98,154,234) |
hsl(215,76%,65%) |
#4b8ce7 |
rgb(75,140,231) |
hsl(215,76%,60%) |
#357ee3 |
rgb(53,126,227) |
hsl(215,76%,55%) |
#1f6fe0 |
rgb(31,111,224) |
hsl(215,76%,50%) |
#1c64ca |
rgb(28,100,202) |
hsl(215,76%,45%) |
#1859b4 |
rgb(24,89,180) |
hsl(215,76%,40%) |
#154e9d |
rgb(21,78,157) |
hsl(215,76%,35%) |
#124387 |
rgb(18,67,135) |
hsl(215,76%,30%) |
#0f3870 |
rgb(15,56,112) |
hsl(215,76%,25%) |
#0c2d5a |
rgb(12,45,90) |
hsl(215,76%,20%) |
#092143 |
rgb(9,33,67) |
hsl(215,76%,15%) |
#06162d |
rgb(6,22,45) |
hsl(215,76%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(215,76%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#78EDE4 |
rgb(120,237,228) |
hsl(175,76%,70%) |
#78A8ED |
rgb(120,168,237) |
hsl(215,76%,70%) |
#9678ED |
rgb(150,120,237) |
hsl(255,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%) |
#AAC9F3 |
rgb(170,201,243) |
hsl(215,75%,81%) |
#78A8ED |
rgb(120,168,237) |
hsl(215,76%,70%) |
#4587E6 |
rgb(69,135,230) |
hsl(215,76%,59%) |
#1C69D6 |
rgb(28,105,214) |
hsl(215,77%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#78A8ED |
rgb(120,168,237) |
hsl(215,76%,70%) |
#ED8278 |
rgb(237,130,120) |
hsl(5,76%,70%) |
#E2ED78 |
rgb(226,237,120) |
hsl(66,76%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#78A8ED |
rgb(120,168,237) |
hsl(215,76%,70%) |
#EDBD78 |
rgb(237,189,120) |
hsl(35,76%,70%) |
#78E3ED |
rgb(120,227,237) |
hsl(185,76%,70%) |
#E2ED78 |
rgb(226,237,120) |
hsl(66,76%,70%) |