HEX #98A4F0 color — Portage
The color #98a4f0 is a light shade and slightly desaturated.
Palette
98a4f0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f3fd |
rgb(242,243,253) |
hsl(232,75%,97%) |
#dbdffa |
rgb(219,223,250) |
hsl(232,75%,92%) |
#c5ccf7 |
rgb(197,204,247) |
hsl(232,75%,87%) |
#afb8f4 |
rgb(175,184,244) |
hsl(232,75%,82%) |
#98a4f0 |
rgb(152,164,240) |
hsl(232,75%,77%) |
#8290ed |
rgb(130,144,237) |
hsl(232,75%,72%) |
#6c7dea |
rgb(108,125,234) |
hsl(232,75%,67%) |
#5569e7 |
rgb(85,105,231) |
hsl(232,75%,62%) |
#3f55e4 |
rgb(63,85,228) |
hsl(232,75%,57%) |
#2941e0 |
rgb(41,65,224) |
hsl(232,75%,52%) |
#1e36d2 |
rgb(30,54,210) |
hsl(232,75%,47%) |
#1b30bb |
rgb(27,48,187) |
hsl(232,75%,42%) |
#182aa5 |
rgb(24,42,165) |
hsl(232,75%,37%) |
#14258f |
rgb(20,37,143) |
hsl(232,75%,32%) |
#111f78 |
rgb(17,31,120) |
hsl(232,75%,27%) |
#0e1962 |
rgb(14,25,98) |
hsl(232,75%,22%) |
#0b144c |
rgb(11,20,76) |
hsl(232,75%,17%) |
#080e36 |
rgb(8,14,54) |
hsl(232,75%,12%) |
#04081f |
rgb(4,8,31) |
hsl(232,75%,7%) |
#010209 |
rgb(1,2,9) |
hsl(232,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#98DEF0 |
rgb(152,222,240) |
hsl(192,75%,77%) |
#98A4F0 |
rgb(152,164,240) |
hsl(232,75%,77%) |
#C699F0 |
rgb(198,153,240) |
hsl(271,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%) |
#CED4F7 |
rgb(206,212,247) |
hsl(231,72%,89%) |
#98A4F0 |
rgb(152,164,240) |
hsl(232,75%,77%) |
#6173E8 |
rgb(97,115,232) |
hsl(232,75%,65%) |
#2A42E0 |
rgb(42,66,224) |
hsl(232,75%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#98A4F0 |
rgb(152,164,240) |
hsl(232,75%,77%) |
#F0B898 |
rgb(240,184,152) |
hsl(22,75%,77%) |
#D0F098 |
rgb(208,240,152) |
hsl(82,75%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#98A4F0 |
rgb(152,164,240) |
hsl(232,75%,77%) |
#F0E398 |
rgb(240,227,152) |
hsl(51,75%,77%) |
#98D1F0 |
rgb(152,209,240) |
hsl(201,75%,77%) |
#D0F098 |
rgb(208,240,152) |
hsl(82,75%,77%) |