HEX #89A8F0 color — Portage
The color #89a8f0 is a light shade and slightly desaturated.
Palette
89a8f0 color palette from light to dark
HEX |
RGB |
HSL |
#fafcfe |
rgb(250,252,254) |
hsl(222,77%,99%) |
#e4ebfb |
rgb(228,235,251) |
hsl(222,77%,94%) |
#cddaf9 |
rgb(205,218,249) |
hsl(222,77%,89%) |
#b7caf6 |
rgb(183,202,246) |
hsl(222,77%,84%) |
#a0b9f3 |
rgb(160,185,243) |
hsl(222,77%,79%) |
#8aa8f0 |
rgb(138,168,240) |
hsl(222,77%,74%) |
#7398ed |
rgb(115,152,237) |
hsl(222,77%,69%) |
#5d87ea |
rgb(93,135,234) |
hsl(222,77%,64%) |
#4676e7 |
rgb(70,118,231) |
hsl(222,77%,59%) |
#2f66e4 |
rgb(47,102,228) |
hsl(222,77%,54%) |
#1d56dd |
rgb(29,86,221) |
hsl(222,77%,49%) |
#1a4ec7 |
rgb(26,78,199) |
hsl(222,77%,44%) |
#1745b0 |
rgb(23,69,176) |
hsl(222,77%,39%) |
#143c99 |
rgb(20,60,153) |
hsl(222,77%,34%) |
#113383 |
rgb(17,51,131) |
hsl(222,77%,29%) |
#0e2a6c |
rgb(14,42,108) |
hsl(222,77%,24%) |
#0b2256 |
rgb(11,34,86) |
hsl(222,77%,19%) |
#08193f |
rgb(8,25,63) |
hsl(222,77%,14%) |
#051029 |
rgb(5,16,41) |
hsl(222,77%,9%) |
#020712 |
rgb(2,7,18) |
hsl(222,77%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#89EDF0 |
rgb(137,237,240) |
hsl(182,77%,74%) |
#89A8F0 |
rgb(137,168,240) |
hsl(222,77%,74%) |
#AE8AF0 |
rgb(174,138,240) |
hsl(261,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%) |
#89A8F0 |
rgb(137,168,240) |
hsl(222,77%,74%) |
#5380E9 |
rgb(83,128,233) |
hsl(222,77%,62%) |
#1D59E2 |
rgb(29,89,226) |
hsl(222,77%,50%) |
Triad color palettes
HEX |
RGB |
HSL |
#89A8F0 |
rgb(137,168,240) |
hsl(222,77%,74%) |
#F09E89 |
rgb(240,158,137) |
hsl(12,77%,74%) |
#DBF089 |
rgb(219,240,137) |
hsl(72,77%,74%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#89A8F0 |
rgb(137,168,240) |
hsl(222,77%,74%) |
#F0D189 |
rgb(240,209,137) |
hsl(42,77%,74%) |
#89DBF0 |
rgb(137,219,240) |
hsl(192,77%,74%) |
#DBF089 |
rgb(219,240,137) |
hsl(72,77%,74%) |