HEX #7CA3E4 color — Portage
The color #7CA3E4 is a light shade and slightly desaturated.
Palette
7CA3E4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,66%,99%) |
#e6edfa |
rgb(230,237,250) |
hsl(218,66%,94%) |
#d0def5 |
rgb(208,222,245) |
hsl(218,66%,89%) |
#bbcff1 |
rgb(187,207,241) |
hsl(218,66%,84%) |
#a6c0ed |
rgb(166,192,237) |
hsl(218,66%,79%) |
#91b1e8 |
rgb(145,177,232) |
hsl(218,66%,74%) |
#7ca2e4 |
rgb(124,162,228) |
hsl(218,66%,69%) |
#6793e0 |
rgb(103,147,224) |
hsl(218,66%,64%) |
#5184db |
rgb(81,132,219) |
hsl(218,66%,59%) |
#3c75d7 |
rgb(60,117,215) |
hsl(218,66%,54%) |
#2a67cf |
rgb(42,103,207) |
hsl(218,66%,49%) |
#265cba |
rgb(38,92,186) |
hsl(218,66%,44%) |
#2252a5 |
rgb(34,82,165) |
hsl(218,66%,39%) |
#1d4790 |
rgb(29,71,144) |
hsl(218,66%,34%) |
#193d7b |
rgb(25,61,123) |
hsl(218,66%,29%) |
#153266 |
rgb(21,50,102) |
hsl(218,66%,24%) |
#102850 |
rgb(16,40,80) |
hsl(218,66%,19%) |
#0c1d3b |
rgb(12,29,59) |
hsl(218,66%,14%) |
#081326 |
rgb(8,19,38) |
hsl(218,66%,9%) |
#030811 |
rgb(3,8,17) |
hsl(218,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7CE3DF |
rgb(124,227,223) |
hsl(178,65%,69%) |
#7CA3E4 |
rgb(124,163,228) |
hsl(218,66%,69%) |
#9A7DE4 |
rgb(154,125,228) |
hsl(257,66%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D9E6F7 |
rgb(217,230,247) |
hsl(214,65%,91%) |
#AAC4ED |
rgb(170,196,237) |
hsl(217,65%,80%) |
#7CA3E4 |
rgb(124,163,228) |
hsl(218,66%,69%) |
#4D82DA |
rgb(77,130,218) |
hsl(217,66%,58%) |
#2863C6 |
rgb(40,99,198) |
hsl(218,66%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7CA3E4 |
rgb(124,163,228) |
hsl(218,66%,69%) |
#E48A7C |
rgb(228,138,124) |
hsl(8,66%,69%) |
#D7E37C |
rgb(215,227,124) |
hsl(67,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7CA3E4 |
rgb(124,163,228) |
hsl(218,66%,69%) |
#E4BD7C |
rgb(228,189,124) |
hsl(38,66%,69%) |
#7CD6E4 |
rgb(124,214,228) |
hsl(188,66%,69%) |
#D7E37C |
rgb(215,227,124) |
hsl(67,65%,69%) |