HEX #98ADF2 color — Portage
The color #98ADF2 is a light shade and slightly desaturated.
Palette
98ADF2 color palette from light to dark
HEX |
RGB |
HSL |
#f1f4fd |
rgb(241,244,253) |
hsl(226,78%,97%) |
#dbe2fb |
rgb(219,226,251) |
hsl(226,78%,92%) |
#c4d0f8 |
rgb(196,208,248) |
hsl(226,78%,87%) |
#adbef5 |
rgb(173,190,245) |
hsl(226,78%,82%) |
#97acf2 |
rgb(151,172,242) |
hsl(226,78%,77%) |
#809aef |
rgb(128,154,239) |
hsl(226,78%,72%) |
#6988ec |
rgb(105,136,236) |
hsl(226,78%,67%) |
#5376ea |
rgb(83,118,234) |
hsl(226,78%,62%) |
#3c64e7 |
rgb(60,100,231) |
hsl(226,78%,57%) |
#2552e4 |
rgb(37,82,228) |
hsl(226,78%,52%) |
#1a46d5 |
rgb(26,70,213) |
hsl(226,78%,47%) |
#183fbf |
rgb(24,63,191) |
hsl(226,78%,42%) |
#1537a8 |
rgb(21,55,168) |
hsl(226,78%,37%) |
#123091 |
rgb(18,48,145) |
hsl(226,78%,32%) |
#0f287b |
rgb(15,40,123) |
hsl(226,78%,27%) |
#0c2164 |
rgb(12,33,100) |
hsl(226,78%,22%) |
#0a194d |
rgb(10,25,77) |
hsl(226,78%,17%) |
#071236 |
rgb(7,18,54) |
hsl(226,78%,12%) |
#040a20 |
rgb(4,10,32) |
hsl(226,78%,7%) |
#010309 |
rgb(1,3,9) |
hsl(226,78%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#98E8F2 |
rgb(152,232,242) |
hsl(187,78%,77%) |
#98ADF2 |
rgb(152,173,242) |
hsl(226,78%,77%) |
#BF99F2 |
rgb(191,153,242) |
hsl(266,77%,77%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#CFD9F9 |
rgb(207,217,249) |
hsl(226,78%,89%) |
#98ADF2 |
rgb(152,173,242) |
hsl(226,78%,77%) |
#6080EA |
rgb(96,128,234) |
hsl(226,77%,65%) |
#2854E3 |
rgb(40,84,227) |
hsl(226,77%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#98ADF2 |
rgb(152,173,242) |
hsl(226,78%,77%) |
#F2B098 |
rgb(242,176,152) |
hsl(16,78%,77%) |
#DAF298 |
rgb(218,242,152) |
hsl(76,78%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#98ADF2 |
rgb(152,173,242) |
hsl(226,78%,77%) |
#F2DE98 |
rgb(242,222,152) |
hsl(47,78%,77%) |
#98D9F2 |
rgb(152,217,242) |
hsl(197,78%,77%) |
#DAF298 |
rgb(218,242,152) |
hsl(76,78%,77%) |