HEX #7DA1ED color — Portage
The color #7DA1ED is a light shade and slightly desaturated.
Palette
7DA1ED color palette from light to dark
HEX |
RGB |
HSL |
#edf2fd |
rgb(237,242,253) |
hsl(221,76%,96%) |
#d7e2f9 |
rgb(215,226,249) |
hsl(221,76%,91%) |
#c0d1f6 |
rgb(192,209,246) |
hsl(221,76%,86%) |
#aac1f3 |
rgb(170,193,243) |
hsl(221,76%,81%) |
#93b1f0 |
rgb(147,177,240) |
hsl(221,76%,76%) |
#7da0ed |
rgb(125,160,237) |
hsl(221,76%,71%) |
#6690ea |
rgb(102,144,234) |
hsl(221,76%,66%) |
#5080e7 |
rgb(80,128,231) |
hsl(221,76%,61%) |
#3a70e4 |
rgb(58,112,228) |
hsl(221,76%,56%) |
#235fe1 |
rgb(35,95,225) |
hsl(221,76%,51%) |
#1c55ce |
rgb(28,85,206) |
hsl(221,76%,46%) |
#194bb8 |
rgb(25,75,184) |
hsl(221,76%,41%) |
#1642a2 |
rgb(22,66,162) |
hsl(221,76%,36%) |
#13398b |
rgb(19,57,139) |
hsl(221,76%,31%) |
#103075 |
rgb(16,48,117) |
hsl(221,76%,26%) |
#0d275e |
rgb(13,39,94) |
hsl(221,76%,21%) |
#0a1d48 |
rgb(10,29,72) |
hsl(221,76%,16%) |
#071431 |
rgb(7,20,49) |
hsl(221,76%,11%) |
#040b1b |
rgb(4,11,27) |
hsl(221,76%,6%) |
#010204 |
rgb(1,2,4) |
hsl(221,76%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#7DEBED |
rgb(125,235,237) |
hsl(181,76%,71%) |
#7DA1ED |
rgb(125,161,237) |
hsl(221,76%,71%) |
#A37DED |
rgb(163,125,237) |
hsl(260,76%,71%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#E2EBFB |
rgb(226,235,251) |
hsl(218,76%,94%) |
#AFC7F4 |
rgb(175,199,244) |
hsl(219,76%,82%) |
#7DA1ED |
rgb(125,161,237) |
hsl(221,76%,71%) |
#4A7DE5 |
rgb(74,125,229) |
hsl(220,75%,59%) |
#1D59D8 |
rgb(29,89,216) |
hsl(221,76%,48%) |
Triad color palettes
HEX |
RGB |
HSL |
#7DA1ED |
rgb(125,161,237) |
hsl(221,76%,71%) |
#ED917D |
rgb(237,145,125) |
hsl(11,76%,71%) |
#D9ED7D |
rgb(217,237,125) |
hsl(71,76%,71%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7DA1ED |
rgb(125,161,237) |
hsl(221,76%,71%) |
#EDC97D |
rgb(237,201,125) |
hsl(41,76%,71%) |
#7DD9ED |
rgb(125,217,237) |
hsl(191,76%,71%) |
#D9ED7D |
rgb(217,237,125) |
hsl(71,76%,71%) |