HEX #98A6F0 color — Portage
The color #98A6F0 is a light shade and slightly desaturated.
Palette
98A6F0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(230,75%,97%) |
#dbe0fa |
rgb(219,224,250) |
hsl(230,75%,92%) |
#c5cdf7 |
rgb(197,205,247) |
hsl(230,75%,87%) |
#afbaf4 |
rgb(175,186,244) |
hsl(230,75%,82%) |
#98a7f0 |
rgb(152,167,240) |
hsl(230,75%,77%) |
#8294ed |
rgb(130,148,237) |
hsl(230,75%,72%) |
#6c81ea |
rgb(108,129,234) |
hsl(230,75%,67%) |
#556ee7 |
rgb(85,110,231) |
hsl(230,75%,62%) |
#3f5be4 |
rgb(63,91,228) |
hsl(230,75%,57%) |
#2947e0 |
rgb(41,71,224) |
hsl(230,75%,52%) |
#1e3cd2 |
rgb(30,60,210) |
hsl(230,75%,47%) |
#1b36bb |
rgb(27,54,187) |
hsl(230,75%,42%) |
#182fa5 |
rgb(24,47,165) |
hsl(230,75%,37%) |
#14298f |
rgb(20,41,143) |
hsl(230,75%,32%) |
#112278 |
rgb(17,34,120) |
hsl(230,75%,27%) |
#0e1c62 |
rgb(14,28,98) |
hsl(230,75%,22%) |
#0b164c |
rgb(11,22,76) |
hsl(230,75%,17%) |
#080f36 |
rgb(8,15,54) |
hsl(230,75%,12%) |
#04091f |
rgb(4,9,31) |
hsl(230,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(230,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#98E0F0 |
rgb(152,224,240) |
hsl(191,75%,77%) |
#98A6F0 |
rgb(152,166,240) |
hsl(230,75%,77%) |
#C499F0 |
rgb(196,153,240) |
hsl(270,74%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#CED6F7 |
rgb(206,214,247) |
hsl(228,72%,89%) |
#98A6F0 |
rgb(152,166,240) |
hsl(230,75%,77%) |
#6178E8 |
rgb(97,120,232) |
hsl(230,75%,65%) |
#2A47E0 |
rgb(42,71,224) |
hsl(230,75%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#98A6F0 |
rgb(152,166,240) |
hsl(230,75%,77%) |
#F0B598 |
rgb(240,181,152) |
hsl(20,75%,77%) |
#D2F098 |
rgb(210,240,152) |
hsl(80,75%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#98A6F0 |
rgb(152,166,240) |
hsl(230,75%,77%) |
#F0E398 |
rgb(240,227,152) |
hsl(51,75%,77%) |
#98D1F0 |
rgb(152,209,240) |
hsl(201,75%,77%) |
#D2F098 |
rgb(210,240,152) |
hsl(80,75%,77%) |