HEX #7CA1E2 color — Portage

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

Color codes

copy icon
copy icon
copy icon

Palette

7CA1E2 color palette from light to dark

HEX RGB HSL
#fbfcfe rgb(251,252,254) hsl(218,64%,99%)
#e6edf9 rgb(230,237,249) hsl(218,64%,94%)
#d1def5 rgb(209,222,245) hsl(218,64%,89%)
#bccff0 rgb(188,207,240) hsl(218,64%,84%)
#a7c0ec rgb(167,192,236) hsl(218,64%,79%)
#92b1e7 rgb(146,177,231) hsl(218,64%,74%)
#7da2e3 rgb(125,162,227) hsl(218,64%,69%)
#6894de rgb(104,148,222) hsl(218,64%,64%)
#5485d9 rgb(84,133,217) hsl(218,64%,59%)
#3f76d5 rgb(63,118,213) hsl(218,64%,54%)
#2d68cd rgb(45,104,205) hsl(218,64%,49%)
#285db8 rgb(40,93,184) hsl(218,64%,44%)
#2452a3 rgb(36,82,163) hsl(218,64%,39%)
#1f488e rgb(31,72,142) hsl(218,64%,34%)
#1b3d79 rgb(27,61,121) hsl(218,64%,29%)
#163364 rgb(22,51,100) hsl(218,64%,24%)
#11284f rgb(17,40,79) hsl(218,64%,19%)
#0d1e3b rgb(13,30,59) hsl(218,64%,14%)
#081326 rgb(8,19,38) hsl(218,64%,9%)
#040811 rgb(4,8,17) hsl(218,64%,4%)

Adjacent colors

HEX RGB HSL
#7CE3DF rgb(124,227,223) hsl(178,65%,69%)
#7CA1E2 rgb(124,161,226) hsl(218,64%,69%)
#9B7DE2 rgb(155,125,226) hsl(258,64%,69%)

Monochromatic colors

HEX RGB HSL
#FFFFFF rgb(255,255,255) hsl(0,0%,100%)
#D7E3F6 rgb(215,227,246) hsl(217,63%,90%)
#A9C2EC rgb(169,194,236) hsl(218,64%,79%)
#7CA1E2 rgb(124,161,226) hsl(218,64%,69%)
#4E80D7 rgb(78,128,215) hsl(218,63%,57%)
#2B63C2 rgb(43,99,194) hsl(218,64%,46%)

Triad color palettes

HEX RGB HSL
#7CA1E2 rgb(124,161,226) hsl(218,64%,69%)
#E28A7C rgb(226,138,124) hsl(8,64%,69%)
#D4E37C rgb(212,227,124) hsl(69,65%,69%)

Tetrad color palettes

HEX RGB HSL
#7CA1E2 rgb(124,161,226) hsl(218,64%,69%)
#E2BD7C rgb(226,189,124) hsl(38,64%,69%)
#7CD4E2 rgb(124,212,226) hsl(188,64%,69%)
#D4E37C rgb(212,227,124) hsl(69,65%,69%)