HEX #9BACED color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

9baced color palette from light to dark

HEX RGB HSL
#f2f4fd rgb(242,244,253) hsl(228,69%,97%)
#dde2f9 rgb(221,226,249) hsl(228,69%,92%)
#c7d0f5 rgb(199,208,245) hsl(228,69%,87%)
#b1bef1 rgb(177,190,241) hsl(228,69%,82%)
#9caced rgb(156,172,237) hsl(228,69%,77%)
#869ae9 rgb(134,154,233) hsl(228,69%,72%)
#7188e5 rgb(113,136,229) hsl(228,69%,67%)
#5b76e1 rgb(91,118,225) hsl(228,69%,62%)
#4664dd rgb(70,100,221) hsl(228,69%,57%)
#3052d9 rgb(48,82,217) hsl(228,69%,52%)
#2546cb rgb(37,70,203) hsl(228,69%,47%)
#213fb5 rgb(33,63,181) hsl(228,69%,42%)
#1d379f rgb(29,55,159) hsl(228,69%,37%)
#19308a rgb(25,48,138) hsl(228,69%,32%)
#152874 rgb(21,40,116) hsl(228,69%,27%)
#11215f rgb(17,33,95) hsl(228,69%,22%)
#0d1949 rgb(13,25,73) hsl(228,69%,17%)
#091234 rgb(9,18,52) hsl(228,69%,12%)
#060a1e rgb(6,10,30) hsl(228,69%,7%)
#020309 rgb(2,3,9) hsl(228,69%,2%)

Adjacent colors

HEX RGB HSL
#9BE3ED rgb(155,227,237) hsl(187,69%,77%)
#9BACED rgb(155,172,237) hsl(228,69%,77%)
#C09CED rgb(192,156,237) hsl(267,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%)
#D0D9F6 rgb(208,217,246) hsl(226,68%,89%)
#9BACED rgb(155,172,237) hsl(228,69%,77%)
#6580E3 rgb(101,128,227) hsl(227,69%,64%)
#3054D9 rgb(48,84,217) hsl(227,69%,52%)

Triad color palettes

HEX RGB HSL
#9BACED rgb(155,172,237) hsl(228,69%,77%)
#EDB39B rgb(237,179,155) hsl(18,69%,77%)
#D5ED9B rgb(213,237,155) hsl(78,69%,77%)

Tetrad color palettes

HEX RGB HSL
#9BACED rgb(155,172,237) hsl(228,69%,77%)
#EDDB9B rgb(237,219,155) hsl(47,69%,77%)
#9BD6ED rgb(155,214,237) hsl(197,69%,77%)
#D5ED9B rgb(213,237,155) hsl(78,69%,77%)