HEX #7DA1E3 color — Portage
The color #7DA1E3 is a light shade and slightly desaturated.
Palette
7DA1E3 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(219,65%,99%) |
#e6edfa |
rgb(230,237,250) |
hsl(219,65%,94%) |
#d1ddf5 |
rgb(209,221,245) |
hsl(219,65%,89%) |
#bccef1 |
rgb(188,206,241) |
hsl(219,65%,84%) |
#a7bfec |
rgb(167,191,236) |
hsl(219,65%,79%) |
#92b0e8 |
rgb(146,176,232) |
hsl(219,65%,74%) |
#7da1e3 |
rgb(125,161,227) |
hsl(219,65%,69%) |
#6891df |
rgb(104,145,223) |
hsl(219,65%,64%) |
#5282da |
rgb(82,130,218) |
hsl(219,65%,59%) |
#3d73d6 |
rgb(61,115,214) |
hsl(219,65%,54%) |
#2c65ce |
rgb(44,101,206) |
hsl(219,65%,49%) |
#275ab9 |
rgb(39,90,185) |
hsl(219,65%,44%) |
#2350a4 |
rgb(35,80,164) |
hsl(219,65%,39%) |
#1e468f |
rgb(30,70,143) |
hsl(219,65%,34%) |
#1a3c7a |
rgb(26,60,122) |
hsl(219,65%,29%) |
#153165 |
rgb(21,49,101) |
hsl(219,65%,24%) |
#112750 |
rgb(17,39,80) |
hsl(219,65%,19%) |
#0c1d3b |
rgb(12,29,59) |
hsl(219,65%,14%) |
#081226 |
rgb(8,18,38) |
hsl(219,65%,9%) |
#040811 |
rgb(4,8,17) |
hsl(219,65%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7DE3E1 |
rgb(125,227,225) |
hsl(179,65%,69%) |
#7DA1E3 |
rgb(125,161,227) |
hsl(219,65%,69%) |
#9D7DE3 |
rgb(157,125,227) |
hsl(259,65%,69%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#D9E3F6 |
rgb(217,227,246) |
hsl(219,62%,91%) |
#ABC2EC |
rgb(171,194,236) |
hsl(219,63%,80%) |
#7DA1E3 |
rgb(125,161,227) |
hsl(219,65%,69%) |
#4E80D9 |
rgb(78,128,217) |
hsl(218,65%,58%) |
#2A61C4 |
rgb(42,97,196) |
hsl(219,65%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7DA1E3 |
rgb(125,161,227) |
hsl(219,65%,69%) |
#E38C7D |
rgb(227,140,125) |
hsl(9,65%,69%) |
#D4E37D |
rgb(212,227,125) |
hsl(69,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7DA1E3 |
rgb(125,161,227) |
hsl(219,65%,69%) |
#E3BF7D |
rgb(227,191,125) |
hsl(39,65%,69%) |
#7DD4E3 |
rgb(125,212,227) |
hsl(189,65%,69%) |
#D4E37D |
rgb(212,227,125) |
hsl(69,65%,69%) |