HEX #7AABE7 color — Portage
The color #7AABE7 is a light shade and slightly desaturated.
Palette
7AABE7 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(213,69%,99%) |
#e5effa |
rgb(229,239,250) |
hsl(213,69%,94%) |
#d0e1f6 |
rgb(208,225,246) |
hsl(213,69%,89%) |
#bad3f2 |
rgb(186,211,242) |
hsl(213,69%,84%) |
#a5c6ee |
rgb(165,198,238) |
hsl(213,69%,79%) |
#8fb8ea |
rgb(143,184,234) |
hsl(213,69%,74%) |
#79aae6 |
rgb(121,170,230) |
hsl(213,69%,69%) |
#649de3 |
rgb(100,157,227) |
hsl(213,69%,64%) |
#4e8fdf |
rgb(78,143,223) |
hsl(213,69%,59%) |
#3982db |
rgb(57,130,219) |
hsl(213,69%,54%) |
#2774d3 |
rgb(39,116,211) |
hsl(213,69%,49%) |
#2368be |
rgb(35,104,190) |
hsl(213,69%,44%) |
#1f5da8 |
rgb(31,93,168) |
hsl(213,69%,39%) |
#1b5193 |
rgb(27,81,147) |
hsl(213,69%,34%) |
#17457d |
rgb(23,69,125) |
hsl(213,69%,29%) |
#133967 |
rgb(19,57,103) |
hsl(213,69%,24%) |
#0f2d52 |
rgb(15,45,82) |
hsl(213,69%,19%) |
#0b213c |
rgb(11,33,60) |
hsl(213,69%,14%) |
#071527 |
rgb(7,21,39) |
hsl(213,69%,9%) |
#030911 |
rgb(3,9,17) |
hsl(213,69%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7AE8DA |
rgb(122,232,218) |
hsl(172,71%,69%) |
#7AABE7 |
rgb(122,171,231) |
hsl(213,69%,69%) |
#917AE7 |
rgb(145,122,231) |
hsl(253,69%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D9E8F8 |
rgb(217,232,248) |
hsl(211,69%,91%) |
#A9C9EF |
rgb(169,201,239) |
hsl(213,69%,80%) |
#7AABE7 |
rgb(122,171,231) |
hsl(213,69%,69%) |
#4A8CDE |
rgb(74,140,222) |
hsl(213,69%,58%) |
#2470CB |
rgb(36,112,203) |
hsl(213,70%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7AABE7 |
rgb(122,171,231) |
hsl(213,69%,69%) |
#E7807A |
rgb(231,128,122) |
hsl(3,69%,69%) |
#E1E87A |
rgb(225,232,122) |
hsl(64,71%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7AABE7 |
rgb(122,171,231) |
hsl(213,69%,69%) |
#E7B57A |
rgb(231,181,122) |
hsl(32,69%,69%) |
#7AE0E7 |
rgb(122,224,231) |
hsl(184,69%,69%) |
#E1E87A |
rgb(225,232,122) |
hsl(64,71%,69%) |