HEX #89A5F0 color — Portage

The color #89a5f0 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

89a5f0 color palette from light to dark

HEX RGB HSL
#fafcfe rgb(250,252,254) hsl(224,77%,99%)
#e4eafb rgb(228,234,251) hsl(224,77%,94%)
#cdd9f9 rgb(205,217,249) hsl(224,77%,89%)
#b7c8f6 rgb(183,200,246) hsl(224,77%,84%)
#a0b6f3 rgb(160,182,243) hsl(224,77%,79%)
#8aa5f0 rgb(138,165,240) hsl(224,77%,74%)
#7394ed rgb(115,148,237) hsl(224,77%,69%)
#5d82ea rgb(93,130,234) hsl(224,77%,64%)
#4671e7 rgb(70,113,231) hsl(224,77%,59%)
#2f60e4 rgb(47,96,228) hsl(224,77%,54%)
#1d50dd rgb(29,80,221) hsl(224,77%,49%)
#1a48c7 rgb(26,72,199) hsl(224,77%,44%)
#1740b0 rgb(23,64,176) hsl(224,77%,39%)
#143899 rgb(20,56,153) hsl(224,77%,34%)
#112f83 rgb(17,47,131) hsl(224,77%,29%)
#0e276c rgb(14,39,108) hsl(224,77%,24%)
#0b1f56 rgb(11,31,86) hsl(224,77%,19%)
#08173f rgb(8,23,63) hsl(224,77%,14%)
#050f29 rgb(5,15,41) hsl(224,77%,9%)
#020712 rgb(2,7,18) hsl(224,77%,4%)

Adjacent colors

HEX RGB HSL
#89EBF0 rgb(137,235,240) hsl(183,77%,74%)
#89A5F0 rgb(137,165,240) hsl(224,77%,74%)
#B18AF0 rgb(177,138,240) hsl(263,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%)
#89A5F0 rgb(137,165,240) hsl(224,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
#89A5F0 rgb(137,165,240) hsl(224,77%,74%)
#F0A189 rgb(240,161,137) hsl(14,77%,74%)
#D8F089 rgb(216,240,137) hsl(74,77%,74%)

Tetrad color palettes

HEX RGB HSL
#89A5F0 rgb(137,165,240) hsl(224,77%,74%)
#F0D489 rgb(240,212,137) hsl(44,77%,74%)
#89D9F0 rgb(137,217,240) hsl(193,77%,74%)
#D8F089 rgb(216,240,137) hsl(74,77%,74%)