HEX #486EC7 color — Indigo
The color #486EC7 is a dark shade and moderately saturated.
Palette
486EC7 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(222,53%,98%) |
#e4e9f7 |
rgb(228,233,247) |
hsl(222,53%,93%) |
#d0daf1 |
rgb(208,218,241) |
hsl(222,53%,88%) |
#bdcaeb |
rgb(189,202,235) |
hsl(222,53%,83%) |
#a9bbe5 |
rgb(169,187,229) |
hsl(222,53%,78%) |
#96acdf |
rgb(150,172,223) |
hsl(222,53%,73%) |
#829cd9 |
rgb(130,156,217) |
hsl(222,53%,68%) |
#6f8dd3 |
rgb(111,141,211) |
hsl(222,53%,63%) |
#5b7dcd |
rgb(91,125,205) |
hsl(222,53%,58%) |
#486ec7 |
rgb(72,110,199) |
hsl(222,53%,53%) |
#3a60bb |
rgb(58,96,187) |
hsl(222,53%,48%) |
#3456a8 |
rgb(52,86,168) |
hsl(222,53%,43%) |
#2e4c94 |
rgb(46,76,148) |
hsl(222,53%,38%) |
#284281 |
rgb(40,66,129) |
hsl(222,53%,33%) |
#22386d |
rgb(34,56,109) |
hsl(222,53%,28%) |
#1c2e5a |
rgb(28,46,90) |
hsl(222,53%,23%) |
#162446 |
rgb(22,36,70) |
hsl(222,53%,18%) |
#101a33 |
rgb(16,26,51) |
hsl(222,53%,13%) |
#0a101f |
rgb(10,16,31) |
hsl(222,53%,8%) |
#04060c |
rgb(4,6,12) |
hsl(222,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#48C2C7 |
rgb(72,194,199) |
hsl(182,53%,53%) |
#486EC7 |
rgb(72,110,199) |
hsl(222,53%,53%) |
#7647C7 |
rgb(118,71,199) |
hsl(262,53%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AA3DB |
rgb(138,163,219) |
hsl(221,53%,70%) |
#6987D1 |
rgb(105,135,209) |
hsl(223,53%,62%) |
#486EC7 |
rgb(72,110,199) |
hsl(222,53%,53%) |
#3559AE |
rgb(53,89,174) |
hsl(222,53%,45%) |
#2B478D |
rgb(43,71,141) |
hsl(223,53%,36%) |
#21386B |
rgb(33,56,107) |
hsl(221,53%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#486EC7 |
rgb(72,110,199) |
hsl(222,53%,53%) |
#C76148 |
rgb(199,97,72) |
hsl(12,53%,53%) |
#ADC748 |
rgb(173,199,72) |
hsl(72,53%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486EC7 |
rgb(72,110,199) |
hsl(222,53%,53%) |
#C7A148 |
rgb(199,161,72) |
hsl(42,53%,53%) |
#48ADC7 |
rgb(72,173,199) |
hsl(192,53%,53%) |
#ADC748 |
rgb(173,199,72) |
hsl(72,53%,53%) |