HEX #7AABEB color — Portage
The color #7aabeb is a light shade and slightly desaturated.
Palette
7aabeb color palette from light to dark
HEX |
RGB |
HSL |
#e9f1fc |
rgb(233,241,252) |
hsl(214,74%,95%) |
#d3e3f8 |
rgb(211,227,248) |
hsl(214,74%,90%) |
#bcd5f5 |
rgb(188,213,245) |
hsl(214,74%,85%) |
#a6c7f2 |
rgb(166,199,242) |
hsl(214,74%,80%) |
#90b9ee |
rgb(144,185,238) |
hsl(214,74%,75%) |
#7aabeb |
rgb(122,171,235) |
hsl(214,74%,70%) |
#649de8 |
rgb(100,157,232) |
hsl(214,74%,65%) |
#4e8fe4 |
rgb(78,143,228) |
hsl(214,74%,60%) |
#3781e1 |
rgb(55,129,225) |
hsl(214,74%,55%) |
#2173de |
rgb(33,115,222) |
hsl(214,74%,50%) |
#1e67c8 |
rgb(30,103,200) |
hsl(214,74%,45%) |
#1b5cb1 |
rgb(27,92,177) |
hsl(214,74%,40%) |
#17509b |
rgb(23,80,155) |
hsl(214,74%,35%) |
#144585 |
rgb(20,69,133) |
hsl(214,74%,30%) |
#11396f |
rgb(17,57,111) |
hsl(214,74%,25%) |
#0d2e59 |
rgb(13,46,89) |
hsl(214,74%,20%) |
#0a2243 |
rgb(10,34,67) |
hsl(214,74%,15%) |
#07172c |
rgb(7,23,44) |
hsl(214,74%,10%) |
#030b16 |
rgb(3,11,22) |
hsl(214,74%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AEBDF |
rgb(122,235,223) |
hsl(174,74%,70%) |
#7AABEB |
rgb(122,171,235) |
hsl(214,74%,70%) |
#947AEB |
rgb(148,122,235) |
hsl(254,74%,70%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DDEBF9 |
rgb(221,235,249) |
hsl(210,70%,92%) |
#ABC9F2 |
rgb(171,201,242) |
hsl(215,73%,81%) |
#7AABEB |
rgb(122,171,235) |
hsl(214,74%,70%) |
#488CE3 |
rgb(72,140,227) |
hsl(214,73%,59%) |
#1F6ED3 |
rgb(31,110,211) |
hsl(214,74%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AABEB |
rgb(122,171,235) |
hsl(214,74%,70%) |
#EB827A |
rgb(235,130,122) |
hsl(4,74%,70%) |
#E3EB7A |
rgb(227,235,122) |
hsl(64,74%,70%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AABEB |
rgb(122,171,235) |
hsl(214,74%,70%) |
#EBBA7A |
rgb(235,186,122) |
hsl(34,74%,70%) |
#7AE3EB |
rgb(122,227,235) |
hsl(184,74%,70%) |
#E3EB7A |
rgb(227,235,122) |
hsl(64,74%,70%) |