HEX #77AAE9 color — Portage
The color #77AAE9 is a light shade and slightly desaturated.
Palette
77AAE9 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,72%,99%) |
#e5effb |
rgb(229,239,251) |
hsl(213,72%,94%) |
#cfe1f7 |
rgb(207,225,247) |
hsl(213,72%,89%) |
#b9d3f4 |
rgb(185,211,244) |
hsl(213,72%,84%) |
#a3c6f0 |
rgb(163,198,240) |
hsl(213,72%,79%) |
#8db8ec |
rgb(141,184,236) |
hsl(213,72%,74%) |
#77aae9 |
rgb(119,170,233) |
hsl(213,72%,69%) |
#619de5 |
rgb(97,157,229) |
hsl(213,72%,64%) |
#4b8fe2 |
rgb(75,143,226) |
hsl(213,72%,59%) |
#3581de |
rgb(53,129,222) |
hsl(213,72%,54%) |
#2374d7 |
rgb(35,116,215) |
hsl(213,72%,49%) |
#1f68c1 |
rgb(31,104,193) |
hsl(213,72%,44%) |
#1c5cab |
rgb(28,92,171) |
hsl(213,72%,39%) |
#185095 |
rgb(24,80,149) |
hsl(213,72%,34%) |
#15457f |
rgb(21,69,127) |
hsl(213,72%,29%) |
#113969 |
rgb(17,57,105) |
hsl(213,72%,24%) |
#0e2d53 |
rgb(14,45,83) |
hsl(213,72%,19%) |
#0a213d |
rgb(10,33,61) |
hsl(213,72%,14%) |
#061527 |
rgb(6,21,39) |
hsl(213,72%,9%) |
#030912 |
rgb(3,9,18) |
hsl(213,72%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#77E8DC |
rgb(119,232,220) |
hsl(174,71%,69%) |
#77AAE9 |
rgb(119,170,233) |
hsl(213,72%,69%) |
#9078E9 |
rgb(144,120,233) |
hsl(253,72%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D7E6F8 |
rgb(215,230,248) |
hsl(213,70%,91%) |
#A7C9F0 |
rgb(167,201,240) |
hsl(212,71%,80%) |
#77AAE9 |
rgb(119,170,233) |
hsl(213,72%,69%) |
#468CE1 |
rgb(70,140,225) |
hsl(213,72%,58%) |
#216ECE |
rgb(33,110,206) |
hsl(213,72%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#77AAE9 |
rgb(119,170,233) |
hsl(213,72%,69%) |
#E97D77 |
rgb(233,125,119) |
hsl(3,72%,69%) |
#E3E877 |
rgb(227,232,119) |
hsl(63,71%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#77AAE9 |
rgb(119,170,233) |
hsl(213,72%,69%) |
#E9B577 |
rgb(233,181,119) |
hsl(33,72%,69%) |
#77E3E9 |
rgb(119,227,233) |
hsl(183,72%,69%) |
#E3E877 |
rgb(227,232,119) |
hsl(63,71%,69%) |