HEX #486EC4 color — Indigo
The color #486EC4 is a dark shade and moderately saturated.
Palette
486EC4 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,51%,98%) |
#e4eaf6 |
rgb(228,234,246) |
hsl(222,51%,93%) |
#d1daf0 |
rgb(209,218,240) |
hsl(222,51%,88%) |
#becbea |
rgb(190,203,234) |
hsl(222,51%,83%) |
#aabbe4 |
rgb(170,187,228) |
hsl(222,51%,78%) |
#97acdd |
rgb(151,172,221) |
hsl(222,51%,73%) |
#849dd7 |
rgb(132,157,215) |
hsl(222,51%,68%) |
#718dd1 |
rgb(113,141,209) |
hsl(222,51%,63%) |
#5d7ecb |
rgb(93,126,203) |
hsl(222,51%,58%) |
#4a6fc4 |
rgb(74,111,196) |
hsl(222,51%,53%) |
#3c61b9 |
rgb(60,97,185) |
hsl(222,51%,48%) |
#3657a6 |
rgb(54,87,166) |
hsl(222,51%,43%) |
#2f4d92 |
rgb(47,77,146) |
hsl(222,51%,38%) |
#29437f |
rgb(41,67,127) |
hsl(222,51%,33%) |
#23396c |
rgb(35,57,108) |
hsl(222,51%,28%) |
#1d2f59 |
rgb(29,47,89) |
hsl(222,51%,23%) |
#162545 |
rgb(22,37,69) |
hsl(222,51%,18%) |
#101a32 |
rgb(16,26,50) |
hsl(222,51%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(222,51%,8%) |
#04060c |
rgb(4,6,12) |
hsl(222,51%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#48C2C4 |
rgb(72,194,196) |
hsl(181,51%,53%) |
#486EC4 |
rgb(72,110,196) |
hsl(222,51%,53%) |
#7447C4 |
rgb(116,71,196) |
hsl(262,51%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#88A1D8 |
rgb(136,161,216) |
hsl(221,51%,69%) |
#6887CE |
rgb(104,135,206) |
hsl(222,51%,61%) |
#486EC4 |
rgb(72,110,196) |
hsl(222,51%,53%) |
#3659AA |
rgb(54,89,170) |
hsl(222,52%,44%) |
#2C4A89 |
rgb(44,74,137) |
hsl(221,51%,35%) |
#213869 |
rgb(33,56,105) |
hsl(221,52%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#486EC4 |
rgb(72,110,196) |
hsl(222,51%,53%) |
#C46148 |
rgb(196,97,72) |
hsl(12,51%,53%) |
#ACC448 |
rgb(172,196,72) |
hsl(72,51%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486EC4 |
rgb(72,110,196) |
hsl(222,51%,53%) |
#C49E48 |
rgb(196,158,72) |
hsl(42,51%,53%) |
#48ABC4 |
rgb(72,171,196) |
hsl(192,51%,53%) |
#ACC448 |
rgb(172,196,72) |
hsl(72,51%,53%) |