HEX #989DF0 color — Portage
The color #989df0 is a light shade and slightly desaturated.
Palette
989df0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f2fd |
rgb(242,242,253) |
hsl(237,75%,97%) |
#dbddfa |
rgb(219,221,250) |
hsl(237,75%,92%) |
#c5c7f7 |
rgb(197,199,247) |
hsl(237,75%,87%) |
#afb2f4 |
rgb(175,178,244) |
hsl(237,75%,82%) |
#989df0 |
rgb(152,157,240) |
hsl(237,75%,77%) |
#8287ed |
rgb(130,135,237) |
hsl(237,75%,72%) |
#6c72ea |
rgb(108,114,234) |
hsl(237,75%,67%) |
#555de7 |
rgb(85,93,231) |
hsl(237,75%,62%) |
#3f47e4 |
rgb(63,71,228) |
hsl(237,75%,57%) |
#2932e0 |
rgb(41,50,224) |
hsl(237,75%,52%) |
#1e27d2 |
rgb(30,39,210) |
hsl(237,75%,47%) |
#1b23bb |
rgb(27,35,187) |
hsl(237,75%,42%) |
#181fa5 |
rgb(24,31,165) |
hsl(237,75%,37%) |
#141b8f |
rgb(20,27,143) |
hsl(237,75%,32%) |
#111678 |
rgb(17,22,120) |
hsl(237,75%,27%) |
#0e1262 |
rgb(14,18,98) |
hsl(237,75%,22%) |
#0b0e4c |
rgb(11,14,76) |
hsl(237,75%,17%) |
#080a36 |
rgb(8,10,54) |
hsl(237,75%,12%) |
#04061f |
rgb(4,6,31) |
hsl(237,75%,7%) |
#010209 |
rgb(1,2,9) |
hsl(237,75%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#98D9F0 |
rgb(152,217,240) |
hsl(196,75%,77%) |
#989DF0 |
rgb(152,157,240) |
hsl(237,75%,77%) |
#CD99F0 |
rgb(205,153,240) |
hsl(276,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%) |
#CED1F7 |
rgb(206,209,247) |
hsl(236,72%,89%) |
#989DF0 |
rgb(152,157,240) |
hsl(237,75%,77%) |
#6169E8 |
rgb(97,105,232) |
hsl(236,75%,65%) |
#2A36E0 |
rgb(42,54,224) |
hsl(236,75%,52%) |
Triad color palettes
HEX |
RGB |
HSL |
#989DF0 |
rgb(152,157,240) |
hsl(237,75%,77%) |
#F0BF98 |
rgb(240,191,152) |
hsl(27,75%,77%) |
#C9F098 |
rgb(201,240,152) |
hsl(87,75%,77%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#989DF0 |
rgb(152,157,240) |
hsl(237,75%,77%) |
#F0EB98 |
rgb(240,235,152) |
hsl(57,75%,77%) |
#98C9F0 |
rgb(152,201,240) |
hsl(207,75%,77%) |
#C9F098 |
rgb(201,240,152) |
hsl(87,75%,77%) |