HEX #7DA6E4 color — Portage
The color #7DA6E4 is a light shade and slightly desaturated.
Palette
7DA6E4 color palette from light to dark
HEX |
RGB |
HSL |
#fbfcfe |
rgb(251,252,254) |
hsl(216,66%,99%) |
#e6eefa |
rgb(230,238,250) |
hsl(216,66%,94%) |
#d0dff5 |
rgb(208,223,245) |
hsl(216,66%,89%) |
#bbd1f1 |
rgb(187,209,241) |
hsl(216,66%,84%) |
#a6c2ed |
rgb(166,194,237) |
hsl(216,66%,79%) |
#91b4e8 |
rgb(145,180,232) |
hsl(216,66%,74%) |
#7ca6e4 |
rgb(124,166,228) |
hsl(216,66%,69%) |
#6797e0 |
rgb(103,151,224) |
hsl(216,66%,64%) |
#5189db |
rgb(81,137,219) |
hsl(216,66%,59%) |
#3c7ad7 |
rgb(60,122,215) |
hsl(216,66%,54%) |
#2a6ccf |
rgb(42,108,207) |
hsl(216,66%,49%) |
#2661ba |
rgb(38,97,186) |
hsl(216,66%,44%) |
#2256a5 |
rgb(34,86,165) |
hsl(216,66%,39%) |
#1d4b90 |
rgb(29,75,144) |
hsl(216,66%,34%) |
#19407b |
rgb(25,64,123) |
hsl(216,66%,29%) |
#153566 |
rgb(21,53,102) |
hsl(216,66%,24%) |
#102a50 |
rgb(16,42,80) |
hsl(216,66%,19%) |
#0c1f3b |
rgb(12,31,59) |
hsl(216,66%,14%) |
#081426 |
rgb(8,20,38) |
hsl(216,66%,9%) |
#030911 |
rgb(3,9,17) |
hsl(216,66%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#7DE3DD |
rgb(125,227,221) |
hsl(176,65%,69%) |
#7DA6E4 |
rgb(125,166,228) |
hsl(216,66%,69%) |
#987DE4 |
rgb(152,125,228) |
hsl(256,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%) |
#ABC7ED |
rgb(171,199,237) |
hsl(215,65%,80%) |
#7DA6E4 |
rgb(125,166,228) |
hsl(216,66%,69%) |
#4E87DA |
rgb(78,135,218) |
hsl(216,65%,58%) |
#2969C6 |
rgb(41,105,198) |
hsl(216,66%,47%) |
Triad color palettes
HEX |
RGB |
HSL |
#7DA6E4 |
rgb(125,166,228) |
hsl(216,66%,69%) |
#E4877D |
rgb(228,135,125) |
hsl(6,66%,69%) |
#D9E37D |
rgb(217,227,125) |
hsl(66,65%,69%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7DA6E4 |
rgb(125,166,228) |
hsl(216,66%,69%) |
#E4BA7D |
rgb(228,186,125) |
hsl(36,66%,69%) |
#7DD9E4 |
rgb(125,217,228) |
hsl(186,66%,69%) |
#D9E37D |
rgb(217,227,125) |
hsl(66,65%,69%) |