HEX #7AA6ED color — Portage
The color #7AA6ED is a light shade and slightly desaturated.
Palette
7AA6ED color palette from light to dark
HEX |
RGB |
HSL |
#e9f0fc |
rgb(233,240,252) |
hsl(217,76%,95%) |
#d2e1f9 |
rgb(210,225,249) |
hsl(217,76%,90%) |
#bcd2f6 |
rgb(188,210,246) |
hsl(217,76%,85%) |
#a5c3f3 |
rgb(165,195,243) |
hsl(217,76%,80%) |
#8fb4f0 |
rgb(143,180,240) |
hsl(217,76%,75%) |
#78a5ed |
rgb(120,165,237) |
hsl(217,76%,70%) |
#6296ea |
rgb(98,150,234) |
hsl(217,76%,65%) |
#4b87e7 |
rgb(75,135,231) |
hsl(217,76%,60%) |
#3578e3 |
rgb(53,120,227) |
hsl(217,76%,55%) |
#1f69e0 |
rgb(31,105,224) |
hsl(217,76%,50%) |
#1c5eca |
rgb(28,94,202) |
hsl(217,76%,45%) |
#1854b4 |
rgb(24,84,180) |
hsl(217,76%,40%) |
#15499d |
rgb(21,73,157) |
hsl(217,76%,35%) |
#123f87 |
rgb(18,63,135) |
hsl(217,76%,30%) |
#0f3470 |
rgb(15,52,112) |
hsl(217,76%,25%) |
#0c2a5a |
rgb(12,42,90) |
hsl(217,76%,20%) |
#091f43 |
rgb(9,31,67) |
hsl(217,76%,15%) |
#06152d |
rgb(6,21,45) |
hsl(217,76%,10%) |
#030a16 |
rgb(3,10,22) |
hsl(217,76%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AEDE7 |
rgb(122,237,231) |
hsl(177,76%,70%) |
#7AA6ED |
rgb(122,166,237) |
hsl(217,76%,70%) |
#9A7AED |
rgb(154,122,237) |
hsl(257,76%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DFEBFA |
rgb(223,235,250) |
hsl(213,73%,93%) |
#ACC7F3 |
rgb(172,199,243) |
hsl(217,75%,81%) |
#7AA6ED |
rgb(122,166,237) |
hsl(217,76%,70%) |
#4785E6 |
rgb(71,133,230) |
hsl(217,76%,59%) |
#1D63D7 |
rgb(29,99,215) |
hsl(217,76%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AA6ED |
rgb(122,166,237) |
hsl(217,76%,70%) |
#ED877A |
rgb(237,135,122) |
hsl(7,76%,70%) |
#DFED7A |
rgb(223,237,122) |
hsl(67,76%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AA6ED |
rgb(122,166,237) |
hsl(217,76%,70%) |
#EDC27A |
rgb(237,194,122) |
hsl(38,76%,70%) |
#7AE0ED |
rgb(122,224,237) |
hsl(187,76%,70%) |
#DFED7A |
rgb(223,237,122) |
hsl(67,76%,70%) |