HEX #98ABF0 color — Portage
The color #98ABF0 is a light shade and slightly desaturated.
Palette
98ABF0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f4fd |
rgb(242,244,253) |
hsl(227,75%,97%) |
#dbe2fa |
rgb(219,226,250) |
hsl(227,75%,92%) |
#c5d0f7 |
rgb(197,208,247) |
hsl(227,75%,87%) |
#afbef4 |
rgb(175,190,244) |
hsl(227,75%,82%) |
#98abf0 |
rgb(152,171,240) |
hsl(227,75%,77%) |
#8299ed |
rgb(130,153,237) |
hsl(227,75%,72%) |
#6c87ea |
rgb(108,135,234) |
hsl(227,75%,67%) |
#5575e7 |
rgb(85,117,231) |
hsl(227,75%,62%) |
#3f63e4 |
rgb(63,99,228) |
hsl(227,75%,57%) |
#2951e0 |
rgb(41,81,224) |
hsl(227,75%,52%) |
#1e45d2 |
rgb(30,69,210) |
hsl(227,75%,47%) |
#1b3ebb |
rgb(27,62,187) |
hsl(227,75%,42%) |
#1836a5 |
rgb(24,54,165) |
hsl(227,75%,37%) |
#142f8f |
rgb(20,47,143) |
hsl(227,75%,32%) |
#112878 |
rgb(17,40,120) |
hsl(227,75%,27%) |
#0e2062 |
rgb(14,32,98) |
hsl(227,75%,22%) |
#0b194c |
rgb(11,25,76) |
hsl(227,75%,17%) |
#081236 |
rgb(8,18,54) |
hsl(227,75%,12%) |
#040a1f |
rgb(4,10,31) |
hsl(227,75%,7%) |
#010309 |
rgb(1,3,9) |
hsl(227,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#98E6F0 |
rgb(152,230,240) |
hsl(187,75%,77%) |
#98ABF0 |
rgb(152,171,240) |
hsl(227,75%,77%) |
#BF99F0 |
rgb(191,153,240) |
hsl(266,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%) |
#CED9F7 |
rgb(206,217,247) |
hsl(224,72%,89%) |
#98ABF0 |
rgb(152,171,240) |
hsl(227,75%,77%) |
#6180E8 |
rgb(97,128,232) |
hsl(226,75%,65%) |
#2A52E0 |
rgb(42,82,224) |
hsl(227,75%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#98ABF0 |
rgb(152,171,240) |
hsl(227,75%,77%) |
#F0B098 |
rgb(240,176,152) |
hsl(16,75%,77%) |
#D7F098 |
rgb(215,240,152) |
hsl(77,75%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#98ABF0 |
rgb(152,171,240) |
hsl(227,75%,77%) |
#F0DE98 |
rgb(240,222,152) |
hsl(48,75%,77%) |
#98D6F0 |
rgb(152,214,240) |
hsl(198,75%,77%) |
#D7F098 |
rgb(215,240,152) |
hsl(77,75%,77%) |