HEX #849CF0 color — Portage
The color #849CF0 is a light shade and slightly desaturated.
Palette
849CF0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8fe |
rgb(246,248,254) |
hsl(227,78%,98%) |
#dfe5fb |
rgb(223,229,251) |
hsl(227,78%,93%) |
#c9d3f8 |
rgb(201,211,248) |
hsl(227,78%,88%) |
#b2c0f5 |
rgb(178,192,245) |
hsl(227,78%,83%) |
#9baef3 |
rgb(155,174,243) |
hsl(227,78%,78%) |
#849cf0 |
rgb(132,156,240) |
hsl(227,78%,73%) |
#6e89ed |
rgb(110,137,237) |
hsl(227,78%,68%) |
#5777ea |
rgb(87,119,234) |
hsl(227,78%,63%) |
#4065e7 |
rgb(64,101,231) |
hsl(227,78%,58%) |
#2a52e5 |
rgb(42,82,229) |
hsl(227,78%,53%) |
#1b44da |
rgb(27,68,218) |
hsl(227,78%,48%) |
#183dc3 |
rgb(24,61,195) |
hsl(227,78%,43%) |
#1536ac |
rgb(21,54,172) |
hsl(227,78%,38%) |
#132f96 |
rgb(19,47,150) |
hsl(227,78%,33%) |
#10287f |
rgb(16,40,127) |
hsl(227,78%,28%) |
#0d2168 |
rgb(13,33,104) |
hsl(227,78%,23%) |
#0a1a52 |
rgb(10,26,82) |
hsl(227,78%,18%) |
#07123b |
rgb(7,18,59) |
hsl(227,78%,13%) |
#040b24 |
rgb(4,11,36) |
hsl(227,78%,8%) |
#02040e |
rgb(2,4,14) |
hsl(227,78%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#84E3F0 |
rgb(132,227,240) |
hsl(187,78%,73%) |
#849CF0 |
rgb(132,156,240) |
hsl(227,78%,73%) |
#B485F0 |
rgb(180,133,240) |
hsl(266,78%,73%) |
Monochromatic colors
HEX |
RGB |
HSL |
#FFFFFF |
rgb(255,255,255) |
hsl(0,0%,100%) |
#EEF2FC |
rgb(238,242,252) |
hsl(223,70%,96%) |
#B9C7F6 |
rgb(185,199,246) |
hsl(226,77%,85%) |
#849CF0 |
rgb(132,156,240) |
hsl(227,78%,73%) |
#4E70E9 |
rgb(78,112,233) |
hsl(227,78%,61%) |
#1B47E1 |
rgb(27,71,225) |
hsl(227,79%,49%) |
Triad color palettes
HEX |
RGB |
HSL |
#849CF0 |
rgb(132,156,240) |
hsl(227,78%,73%) |
#F0A384 |
rgb(240,163,132) |
hsl(17,78%,73%) |
#D2F084 |
rgb(210,240,132) |
hsl(77,78%,73%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#849CF0 |
rgb(132,156,240) |
hsl(227,78%,73%) |
#F0D984 |
rgb(240,217,132) |
hsl(47,78%,73%) |
#84D1F0 |
rgb(132,209,240) |
hsl(197,78%,73%) |
#D2F084 |
rgb(210,240,132) |
hsl(77,78%,73%) |