HEX #7CA6ED color — Portage
The color #7CA6ED is a light shade and slightly desaturated.
Palette
7CA6ED color palette from light to dark
HEX |
RGB |
HSL |
#edf3fd |
rgb(237,243,253) |
hsl(218,76%,96%) |
#d7e3f9 |
rgb(215,227,249) |
hsl(218,76%,91%) |
#c0d4f6 |
rgb(192,212,246) |
hsl(218,76%,86%) |
#aac5f3 |
rgb(170,197,243) |
hsl(218,76%,81%) |
#93b5f0 |
rgb(147,181,240) |
hsl(218,76%,76%) |
#7da6ed |
rgb(125,166,237) |
hsl(218,76%,71%) |
#6697ea |
rgb(102,151,234) |
hsl(218,76%,66%) |
#5087e7 |
rgb(80,135,231) |
hsl(218,76%,61%) |
#3a78e4 |
rgb(58,120,228) |
hsl(218,76%,56%) |
#2369e1 |
rgb(35,105,225) |
hsl(218,76%,51%) |
#1c5ece |
rgb(28,94,206) |
hsl(218,76%,46%) |
#1953b8 |
rgb(25,83,184) |
hsl(218,76%,41%) |
#1649a2 |
rgb(22,73,162) |
hsl(218,76%,36%) |
#133f8b |
rgb(19,63,139) |
hsl(218,76%,31%) |
#103575 |
rgb(16,53,117) |
hsl(218,76%,26%) |
#0d2b5e |
rgb(13,43,94) |
hsl(218,76%,21%) |
#0a2148 |
rgb(10,33,72) |
hsl(218,76%,16%) |
#071631 |
rgb(7,22,49) |
hsl(218,76%,11%) |
#040c1b |
rgb(4,12,27) |
hsl(218,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7CEDE8 |
rgb(124,237,232) |
hsl(177,76%,71%) |
#7CA6ED |
rgb(124,166,237) |
hsl(218,76%,71%) |
#9D7DED |
rgb(157,125,237) |
hsl(257,76%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E1EBFA |
rgb(225,235,250) |
hsl(216,71%,93%) |
#AEC9F3 |
rgb(174,201,243) |
hsl(217,74%,82%) |
#7CA6ED |
rgb(124,166,237) |
hsl(218,76%,71%) |
#4985E6 |
rgb(73,133,230) |
hsl(217,76%,59%) |
#1D63D7 |
rgb(29,99,215) |
hsl(217,76%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7CA6ED |
rgb(124,166,237) |
hsl(218,76%,71%) |
#ED8A7C |
rgb(237,138,124) |
hsl(7,76%,71%) |
#DEED7C |
rgb(222,237,124) |
hsl(68,76%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7CA6ED |
rgb(124,166,237) |
hsl(218,76%,71%) |
#EDC27C |
rgb(237,194,124) |
hsl(37,76%,71%) |
#7CDEED |
rgb(124,222,237) |
hsl(188,76%,71%) |
#DEED7C |
rgb(222,237,124) |
hsl(68,76%,71%) |