HEX #8DA4F2 color — Portage
The color #8da4f2 is a light shade and slightly desaturated.
Palette
8da4f2 color palette from light to dark
HEX |
RGB |
HSL |
#e8edfc |
rgb(232,237,252) |
hsl(226,80%,95%) |
#d1dbfa |
rgb(209,219,250) |
hsl(226,80%,90%) |
#bac8f7 |
rgb(186,200,247) |
hsl(226,80%,85%) |
#a3b6f5 |
rgb(163,182,245) |
hsl(226,80%,80%) |
#8ca4f2 |
rgb(140,164,242) |
hsl(226,80%,75%) |
#7592f0 |
rgb(117,146,240) |
hsl(226,80%,70%) |
#5e80ed |
rgb(94,128,237) |
hsl(226,80%,65%) |
#476deb |
rgb(71,109,235) |
hsl(226,80%,60%) |
#305be8 |
rgb(48,91,232) |
hsl(226,80%,55%) |
#1a49e6 |
rgb(26,73,230) |
hsl(226,80%,50%) |
#1742cf |
rgb(23,66,207) |
hsl(226,80%,45%) |
#143ab8 |
rgb(20,58,184) |
hsl(226,80%,40%) |
#1233a1 |
rgb(18,51,161) |
hsl(226,80%,35%) |
#0f2c8a |
rgb(15,44,138) |
hsl(226,80%,30%) |
#0d2573 |
rgb(13,37,115) |
hsl(226,80%,25%) |
#0a1d5c |
rgb(10,29,92) |
hsl(226,80%,20%) |
#081645 |
rgb(8,22,69) |
hsl(226,80%,15%) |
#050f2e |
rgb(5,15,46) |
hsl(226,80%,10%) |
#030717 |
rgb(3,7,23) |
hsl(226,80%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#8DE8F2 |
rgb(141,232,242) |
hsl(186,80%,75%) |
#8DA4F2 |
rgb(141,164,242) |
hsl(226,80%,75%) |
#B98CF2 |
rgb(185,140,242) |
hsl(266,80%,75%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FBFCFE |
rgb(251,252,254) |
hsl(220,60%,99%) |
#C4D1F8 |
rgb(196,209,248) |
hsl(225,79%,87%) |
#8DA4F2 |
rgb(141,164,242) |
hsl(226,80%,75%) |
#5578EB |
rgb(85,120,235) |
hsl(226,79%,63%) |
#1E4DE5 |
rgb(30,77,229) |
hsl(226,79%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#8DA4F2 |
rgb(141,164,242) |
hsl(226,80%,75%) |
#F2A88D |
rgb(242,168,141) |
hsl(16,80%,75%) |
#D6F28D |
rgb(214,242,141) |
hsl(77,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8DA4F2 |
rgb(141,164,242) |
hsl(226,80%,75%) |
#F2DB8D |
rgb(242,219,141) |
hsl(46,80%,75%) |
#8DD6F2 |
rgb(141,214,242) |
hsl(197,80%,75%) |
#D6F28D |
rgb(214,242,141) |
hsl(77,80%,75%) |