HEX #7CA6E5 color — Portage

The color #7CA6E5 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

7CA6E5 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(216,67%,99%)
#e5eefa rgb(229,238,250) hsl(216,67%,94%)
#d0dff6 rgb(208,223,246) hsl(216,67%,89%)
#bbd1f2 rgb(187,209,242) hsl(216,67%,84%)
#a6c2ed rgb(166,194,237) hsl(216,67%,79%)
#90b4e9 rgb(144,180,233) hsl(216,67%,74%)
#7ba5e5 rgb(123,165,229) hsl(216,67%,69%)
#6697e1 rgb(102,151,225) hsl(216,67%,64%)
#5088dc rgb(80,136,220) hsl(216,67%,59%)
#3b7ad8 rgb(59,122,216) hsl(216,67%,54%)
#296cd1 rgb(41,108,209) hsl(216,67%,49%)
#2561bb rgb(37,97,187) hsl(216,67%,44%)
#2156a6 rgb(33,86,166) hsl(216,67%,39%)
#1d4b91 rgb(29,75,145) hsl(216,67%,34%)
#18407b rgb(24,64,123) hsl(216,67%,29%)
#143566 rgb(20,53,102) hsl(216,67%,24%)
#102a51 rgb(16,42,81) hsl(216,67%,19%)
#0c1f3c rgb(12,31,60) hsl(216,67%,14%)
#081426 rgb(8,20,38) hsl(216,67%,9%)
#030911 rgb(3,9,17) hsl(216,67%,4%)

Adjacent colors

HEX RGB HSL
#7CE6DE rgb(124,230,222) hsl(175,68%,69%)
#7CA6E5 rgb(124,166,229) hsl(216,67%,69%)
#987DE5 rgb(152,125,229) hsl(256,67%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#DAE6F7 rgb(218,230,247) hsl(215,64%,91%)
#ABC7EE rgb(171,199,238) hsl(215,66%,80%)
#7CA6E5 rgb(124,166,229) hsl(216,67%,69%)
#4C87DB rgb(76,135,219) hsl(215,67%,58%)
#2769C8 rgb(39,105,200) hsl(215,67%,47%)

Triad color palettes

HEX RGB HSL
#7CA6E5 rgb(124,166,229) hsl(216,67%,69%)
#E5877C rgb(229,135,124) hsl(6,67%,69%)
#DAE67C rgb(218,230,124) hsl(67,68%,69%)

Tetrad color palettes

HEX RGB HSL
#7CA6E5 rgb(124,166,229) hsl(216,67%,69%)
#E5BA7C rgb(229,186,124) hsl(35,67%,69%)
#7CDBE5 rgb(124,219,229) hsl(186,67%,69%)
#DAE67C rgb(218,230,124) hsl(67,68%,69%)