HEX #7DA3E4 color — Portage
The color #7DA3E4 is a light shade and slightly desaturated.
Palette
7DA3E4 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 |
#7DE3E0 |
rgb(125,227,224) |
hsl(178,65%,69%) |
#7DA3E4 |
rgb(125,163,228) |
hsl(218,66%,69%) |
#9B7DE4 |
rgb(155,125,228) |
hsl(257,66%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#DAE6F7 |
rgb(218,230,247) |
hsl(215,64%,91%) |
#ABC4ED |
rgb(171,196,237) |
hsl(217,65%,80%) |
#7DA3E4 |
rgb(125,163,228) |
hsl(218,66%,69%) |
#4E82DA |
rgb(78,130,218) |
hsl(218,65%,58%) |
#2963C6 |
rgb(41,99,198) |
hsl(218,66%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7DA3E4 |
rgb(125,163,228) |
hsl(218,66%,69%) |
#E48A7D |
rgb(228,138,125) |
hsl(8,66%,69%) |
#D6E37D |
rgb(214,227,125) |
hsl(68,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7DA3E4 |
rgb(125,163,228) |
hsl(218,66%,69%) |
#E4BF7D |
rgb(228,191,125) |
hsl(38,66%,69%) |
#7DD6E4 |
rgb(125,214,228) |
hsl(188,66%,69%) |
#D6E37D |
rgb(214,227,125) |
hsl(68,65%,69%) |