HEX #9BA9ED color — Portage

The color #9ba9ed is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

9ba9ed color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(230,69%,97%)
#dde1f9 rgb(221,225,249) hsl(230,69%,92%)
#c7cff5 rgb(199,207,245) hsl(230,69%,87%)
#b1bcf1 rgb(177,188,241) hsl(230,69%,82%)
#9ca9ed rgb(156,169,237) hsl(230,69%,77%)
#8697e9 rgb(134,151,233) hsl(230,69%,72%)
#7184e5 rgb(113,132,229) hsl(230,69%,67%)
#5b72e1 rgb(91,114,225) hsl(230,69%,62%)
#465fdd rgb(70,95,221) hsl(230,69%,57%)
#304cd9 rgb(48,76,217) hsl(230,69%,52%)
#2541cb rgb(37,65,203) hsl(230,69%,47%)
#213ab5 rgb(33,58,181) hsl(230,69%,42%)
#1d339f rgb(29,51,159) hsl(230,69%,37%)
#192c8a rgb(25,44,138) hsl(230,69%,32%)
#152574 rgb(21,37,116) hsl(230,69%,27%)
#111e5f rgb(17,30,95) hsl(230,69%,22%)
#0d1749 rgb(13,23,73) hsl(230,69%,17%)
#091134 rgb(9,17,52) hsl(230,69%,12%)
#060a1e rgb(6,10,30) hsl(230,69%,7%)
#020309 rgb(2,3,9) hsl(230,69%,2%)

Adjacent colors

HEX RGB HSL
#9BE0ED rgb(155,224,237) hsl(190,69%,77%)
#9BA9ED rgb(155,169,237) hsl(230,69%,77%)
#C39CED rgb(195,156,237) hsl(269,69%,77%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D0D6F6 rgb(208,214,246) hsl(231,68%,89%)
#9BA9ED rgb(155,169,237) hsl(230,69%,77%)
#657AE3 rgb(101,122,227) hsl(230,69%,64%)
#304DD9 rgb(48,77,217) hsl(230,69%,52%)

Triad color palettes

HEX RGB HSL
#9BA9ED rgb(155,169,237) hsl(230,69%,77%)
#EDB59B rgb(237,181,155) hsl(19,69%,77%)
#D2ED9B rgb(210,237,155) hsl(80,69%,77%)

Tetrad color palettes

HEX RGB HSL
#9BA9ED rgb(155,169,237) hsl(230,69%,77%)
#EDDE9B rgb(237,222,155) hsl(49,69%,77%)
#9BD1ED rgb(155,209,237) hsl(200,69%,77%)
#D2ED9B rgb(210,237,155) hsl(80,69%,77%)