HEX #8CA3F2 color — Portage
The color #8CA3F2 is a light shade and slightly desaturated.
Palette
8CA3F2 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 |
#8CE8F2 |
rgb(140,232,242) |
hsl(186,80%,75%) |
#8CA3F2 |
rgb(140,163,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%) |
#F9FAFE |
rgb(249,250,254) |
hsl(228,71%,99%) |
#C2CFF8 |
rgb(194,207,248) |
hsl(226,79%,87%) |
#8CA3F2 |
rgb(140,163,242) |
hsl(226,80%,75%) |
#5578EB |
rgb(85,120,235) |
hsl(226,79%,63%) |
#1E4AE5 |
rgb(30,74,229) |
hsl(227,79%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#8CA3F2 |
rgb(140,163,242) |
hsl(226,80%,75%) |
#F2A88C |
rgb(242,168,140) |
hsl(16,80%,75%) |
#D6F28C |
rgb(214,242,140) |
hsl(76,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8CA3F2 |
rgb(140,163,242) |
hsl(226,80%,75%) |
#F2DB8C |
rgb(242,219,140) |
hsl(46,80%,75%) |
#8CD6F2 |
rgb(140,214,242) |
hsl(196,80%,75%) |
#D6F28C |
rgb(214,242,140) |
hsl(76,80%,75%) |