HEX #89A6F0 color — Portage
The color #89a6f0 is a light shade and slightly desaturated.
Palette
89a6f0 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(223,77%,99%) |
#e4ebfb |
rgb(228,235,251) |
hsl(223,77%,94%) |
#cddaf9 |
rgb(205,218,249) |
hsl(223,77%,89%) |
#b7c9f6 |
rgb(183,201,246) |
hsl(223,77%,84%) |
#a0b8f3 |
rgb(160,184,243) |
hsl(223,77%,79%) |
#8aa7f0 |
rgb(138,167,240) |
hsl(223,77%,74%) |
#7396ed |
rgb(115,150,237) |
hsl(223,77%,69%) |
#5d85ea |
rgb(93,133,234) |
hsl(223,77%,64%) |
#4674e7 |
rgb(70,116,231) |
hsl(223,77%,59%) |
#2f63e4 |
rgb(47,99,228) |
hsl(223,77%,54%) |
#1d53dd |
rgb(29,83,221) |
hsl(223,77%,49%) |
#1a4bc7 |
rgb(26,75,199) |
hsl(223,77%,44%) |
#1742b0 |
rgb(23,66,176) |
hsl(223,77%,39%) |
#143a99 |
rgb(20,58,153) |
hsl(223,77%,34%) |
#113183 |
rgb(17,49,131) |
hsl(223,77%,29%) |
#0e296c |
rgb(14,41,108) |
hsl(223,77%,24%) |
#0b2056 |
rgb(11,32,86) |
hsl(223,77%,19%) |
#08183f |
rgb(8,24,63) |
hsl(223,77%,14%) |
#050f29 |
rgb(5,15,41) |
hsl(223,77%,9%) |
#020712 |
rgb(2,7,18) |
hsl(223,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#89EBF0 |
rgb(137,235,240) |
hsl(183,77%,74%) |
#89A6F0 |
rgb(137,166,240) |
hsl(223,77%,74%) |
#B08AF0 |
rgb(176,138,240) |
hsl(262,77%,74%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#F4F7FD |
rgb(244,247,253) |
hsl(220,69%,97%) |
#BECFF6 |
rgb(190,207,246) |
hsl(222,76%,85%) |
#89A6F0 |
rgb(137,166,240) |
hsl(223,77%,74%) |
#537DE9 |
rgb(83,125,233) |
hsl(223,77%,62%) |
#1D54E2 |
rgb(29,84,226) |
hsl(223,77%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#89A6F0 |
rgb(137,166,240) |
hsl(223,77%,74%) |
#F0A189 |
rgb(240,161,137) |
hsl(14,77%,74%) |
#D9F089 |
rgb(217,240,137) |
hsl(73,77%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#89A6F0 |
rgb(137,166,240) |
hsl(223,77%,74%) |
#F0D489 |
rgb(240,212,137) |
hsl(44,77%,74%) |
#89D9F0 |
rgb(137,217,240) |
hsl(193,77%,74%) |
#D9F089 |
rgb(217,240,137) |
hsl(73,77%,74%) |