HEX #7DA3EF color — Portage
The color #7DA3EF is a light shade and slightly desaturated.
Palette
7DA3EF color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(220,78%,96%) |
#d6e2fa |
rgb(214,226,250) |
hsl(220,78%,91%) |
#bfd2f7 |
rgb(191,210,247) |
hsl(220,78%,86%) |
#a9c2f4 |
rgb(169,194,244) |
hsl(220,78%,81%) |
#92b2f2 |
rgb(146,178,242) |
hsl(220,78%,76%) |
#7ba2ef |
rgb(123,162,239) |
hsl(220,78%,71%) |
#6592ec |
rgb(101,146,236) |
hsl(220,78%,66%) |
#4e82e9 |
rgb(78,130,233) |
hsl(220,78%,61%) |
#3772e6 |
rgb(55,114,230) |
hsl(220,78%,56%) |
#2162e4 |
rgb(33,98,228) |
hsl(220,78%,51%) |
#1a57d1 |
rgb(26,87,209) |
hsl(220,78%,46%) |
#174dba |
rgb(23,77,186) |
hsl(220,78%,41%) |
#1444a3 |
rgb(20,68,163) |
hsl(220,78%,36%) |
#113a8d |
rgb(17,58,141) |
hsl(220,78%,31%) |
#0f3176 |
rgb(15,49,118) |
hsl(220,78%,26%) |
#0c285f |
rgb(12,40,95) |
hsl(220,78%,21%) |
#091e49 |
rgb(9,30,73) |
hsl(220,78%,16%) |
#061532 |
rgb(6,21,50) |
hsl(220,78%,11%) |
#030b1b |
rgb(3,11,27) |
hsl(220,78%,6%) |
#010205 |
rgb(1,2,5) |
hsl(220,78%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7DF0EF |
rgb(125,240,239) |
hsl(179,79%,72%) |
#7DA3EF |
rgb(125,163,239) |
hsl(220,78%,71%) |
#A37DEF |
rgb(163,125,239) |
hsl(260,78%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E4EDFB |
rgb(228,237,251) |
hsl(217,74%,94%) |
#B0C7F5 |
rgb(176,199,245) |
hsl(220,78%,83%) |
#7DA3EF |
rgb(125,163,239) |
hsl(220,78%,71%) |
#4980E8 |
rgb(73,128,232) |
hsl(219,78%,60%) |
#1B5CDC |
rgb(27,92,220) |
hsl(220,78%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7DA3EF |
rgb(125,163,239) |
hsl(220,78%,71%) |
#EF8F7D |
rgb(239,143,125) |
hsl(9,78%,71%) |
#DCF07D |
rgb(220,240,125) |
hsl(70,79%,72%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7DA3EF |
rgb(125,163,239) |
hsl(220,78%,71%) |
#EFC97D |
rgb(239,201,125) |
hsl(40,78%,71%) |
#7DDBEF |
rgb(125,219,239) |
hsl(191,78%,71%) |
#DCF07D |
rgb(220,240,125) |
hsl(70,79%,72%) |