HEX #8C9AF2 color — Portage
The color #8c9af2 is a light shade and slightly desaturated.
Palette
8c9af2 color palette from light to dark
HEX |
RGB |
HSL |
#e8ebfc |
rgb(232,235,252) |
hsl(232,80%,95%) |
#d1d7fa |
rgb(209,215,250) |
hsl(232,80%,90%) |
#bac2f7 |
rgb(186,194,247) |
hsl(232,80%,85%) |
#a3aef5 |
rgb(163,174,245) |
hsl(232,80%,80%) |
#8c9af2 |
rgb(140,154,242) |
hsl(232,80%,75%) |
#7586f0 |
rgb(117,134,240) |
hsl(232,80%,70%) |
#5e71ed |
rgb(94,113,237) |
hsl(232,80%,65%) |
#475deb |
rgb(71,93,235) |
hsl(232,80%,60%) |
#3049e8 |
rgb(48,73,232) |
hsl(232,80%,55%) |
#1a35e6 |
rgb(26,53,230) |
hsl(232,80%,50%) |
#172fcf |
rgb(23,47,207) |
hsl(232,80%,45%) |
#142ab8 |
rgb(20,42,184) |
hsl(232,80%,40%) |
#1225a1 |
rgb(18,37,161) |
hsl(232,80%,35%) |
#0f208a |
rgb(15,32,138) |
hsl(232,80%,30%) |
#0d1a73 |
rgb(13,26,115) |
hsl(232,80%,25%) |
#0a155c |
rgb(10,21,92) |
hsl(232,80%,20%) |
#081045 |
rgb(8,16,69) |
hsl(232,80%,15%) |
#050b2e |
rgb(5,11,46) |
hsl(232,80%,10%) |
#030517 |
rgb(3,5,23) |
hsl(232,80%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#8CDEF2 |
rgb(140,222,242) |
hsl(192,80%,75%) |
#8C9AF2 |
rgb(140,154,242) |
hsl(232,80%,75%) |
#C28CF2 |
rgb(194,140,242) |
hsl(272,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%) |
#C2C9F8 |
rgb(194,201,248) |
hsl(232,79%,87%) |
#8C9AF2 |
rgb(140,154,242) |
hsl(232,80%,75%) |
#5569EB |
rgb(85,105,235) |
hsl(232,79%,63%) |
#1E3BE5 |
rgb(30,59,229) |
hsl(231,79%,51%) |
Triad color palettes
HEX |
RGB |
HSL |
#8C9AF2 |
rgb(140,154,242) |
hsl(232,80%,75%) |
#F2B08C |
rgb(242,176,140) |
hsl(21,80%,75%) |
#CDF28C |
rgb(205,242,140) |
hsl(82,80%,75%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#8C9AF2 |
rgb(140,154,242) |
hsl(232,80%,75%) |
#F2E38C |
rgb(242,227,140) |
hsl(51,80%,75%) |
#8CCCF2 |
rgb(140,204,242) |
hsl(202,80%,75%) |
#CDF28C |
rgb(205,242,140) |
hsl(82,80%,75%) |