HEX #7EA3E4 color — Portage
The color #7EA3E4 is a light shade and slightly desaturated.
Palette
7EA3E4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(218,65%,99%) |
#e6edfa |
rgb(230,237,250) |
hsl(218,65%,94%) |
#d1def5 |
rgb(209,222,245) |
hsl(218,65%,89%) |
#bccff1 |
rgb(188,207,241) |
hsl(218,65%,84%) |
#a7c0ec |
rgb(167,192,236) |
hsl(218,65%,79%) |
#92b1e8 |
rgb(146,177,232) |
hsl(218,65%,74%) |
#7da2e3 |
rgb(125,162,227) |
hsl(218,65%,69%) |
#6893df |
rgb(104,147,223) |
hsl(218,65%,64%) |
#5284da |
rgb(82,132,218) |
hsl(218,65%,59%) |
#3d75d6 |
rgb(61,117,214) |
hsl(218,65%,54%) |
#2c67ce |
rgb(44,103,206) |
hsl(218,65%,49%) |
#275db9 |
rgb(39,93,185) |
hsl(218,65%,44%) |
#2352a4 |
rgb(35,82,164) |
hsl(218,65%,39%) |
#1e488f |
rgb(30,72,143) |
hsl(218,65%,34%) |
#1a3d7a |
rgb(26,61,122) |
hsl(218,65%,29%) |
#153365 |
rgb(21,51,101) |
hsl(218,65%,24%) |
#112850 |
rgb(17,40,80) |
hsl(218,65%,19%) |
#0c1e3b |
rgb(12,30,59) |
hsl(218,65%,14%) |
#081326 |
rgb(8,19,38) |
hsl(218,65%,9%) |
#040811 |
rgb(4,8,17) |
hsl(218,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7EE3E1 |
rgb(126,227,225) |
hsl(179,64%,69%) |
#7EA3E4 |
rgb(126,163,228) |
hsl(218,65%,69%) |
#9D7DE4 |
rgb(157,125,228) |
hsl(259,66%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DBE6F7 |
rgb(219,230,247) |
hsl(216,64%,91%) |
#ACC4ED |
rgb(172,196,237) |
hsl(218,64%,80%) |
#7EA3E4 |
rgb(126,163,228) |
hsl(218,65%,69%) |
#4F82DA |
rgb(79,130,218) |
hsl(218,65%,58%) |
#2963C7 |
rgb(41,99,199) |
hsl(218,66%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7EA3E4 |
rgb(126,163,228) |
hsl(218,65%,69%) |
#E48C7E |
rgb(228,140,126) |
hsl(8,65%,69%) |
#D6E37E |
rgb(214,227,126) |
hsl(68,64%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7EA3E4 |
rgb(126,163,228) |
hsl(218,65%,69%) |
#E4BF7E |
rgb(228,191,126) |
hsl(38,65%,69%) |
#7ED6E4 |
rgb(126,214,228) |
hsl(188,65%,69%) |
#D6E37E |
rgb(214,227,126) |
hsl(68,64%,69%) |