HEX #7DA2E3 color — Portage
The color #7DA2E3 is a light shade and slightly desaturated.
Palette
7DA2E3 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 |
#7DE3E0 |
rgb(125,227,224) |
hsl(178,65%,69%) |
#7DA2E3 |
rgb(125,162,227) |
hsl(218,65%,69%) |
#9C7DE3 |
rgb(156,125,227) |
hsl(258,65%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D9E6F6 |
rgb(217,230,246) |
hsl(213,62%,91%) |
#ABC4EC |
rgb(171,196,236) |
hsl(217,63%,80%) |
#7DA2E3 |
rgb(125,162,227) |
hsl(218,65%,69%) |
#4E82D9 |
rgb(78,130,217) |
hsl(218,65%,58%) |
#2A63C4 |
rgb(42,99,196) |
hsl(218,65%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7DA2E3 |
rgb(125,162,227) |
hsl(218,65%,69%) |
#E38C7D |
rgb(227,140,125) |
hsl(9,65%,69%) |
#D5E37D |
rgb(213,227,125) |
hsl(68,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7DA2E3 |
rgb(125,162,227) |
hsl(218,65%,69%) |
#E3BF7D |
rgb(227,191,125) |
hsl(39,65%,69%) |
#7DD6E3 |
rgb(125,214,227) |
hsl(188,65%,69%) |
#D5E37D |
rgb(213,227,125) |
hsl(68,65%,69%) |