HEX #486AC7 color — Indigo
The color #486ac7 is a dark shade and moderately saturated.
Palette
486ac7 color palette from light to dark
HEX |
RGB |
HSL |
#f7f9fd |
rgb(247,249,253) |
hsl(224,53%,98%) |
#e4e9f7 |
rgb(228,233,247) |
hsl(224,53%,93%) |
#d0d9f1 |
rgb(208,217,241) |
hsl(224,53%,88%) |
#bdc9eb |
rgb(189,201,235) |
hsl(224,53%,83%) |
#a9b9e5 |
rgb(169,185,229) |
hsl(224,53%,78%) |
#96a9df |
rgb(150,169,223) |
hsl(224,53%,73%) |
#8299d9 |
rgb(130,153,217) |
hsl(224,53%,68%) |
#6f89d3 |
rgb(111,137,211) |
hsl(224,53%,63%) |
#5b79cd |
rgb(91,121,205) |
hsl(224,53%,58%) |
#486ac7 |
rgb(72,106,199) |
hsl(224,53%,53%) |
#3a5cbb |
rgb(58,92,187) |
hsl(224,53%,48%) |
#3453a8 |
rgb(52,83,168) |
hsl(224,53%,43%) |
#2e4994 |
rgb(46,73,148) |
hsl(224,53%,38%) |
#283f81 |
rgb(40,63,129) |
hsl(224,53%,33%) |
#22366d |
rgb(34,54,109) |
hsl(224,53%,28%) |
#1c2c5a |
rgb(28,44,90) |
hsl(224,53%,23%) |
#162346 |
rgb(22,35,70) |
hsl(224,53%,18%) |
#101933 |
rgb(16,25,51) |
hsl(224,53%,13%) |
#0a0f1f |
rgb(10,15,31) |
hsl(224,53%,8%) |
#04060c |
rgb(4,6,12) |
hsl(224,53%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#48BFC7 |
rgb(72,191,199) |
hsl(184,53%,53%) |
#486AC7 |
rgb(72,106,199) |
hsl(224,53%,53%) |
#7A47C7 |
rgb(122,71,199) |
hsl(264,53%,53%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8AA1DB |
rgb(138,161,219) |
hsl(223,53%,70%) |
#6985D1 |
rgb(105,133,209) |
hsl(224,53%,62%) |
#486AC7 |
rgb(72,106,199) |
hsl(224,53%,53%) |
#3557AE |
rgb(53,87,174) |
hsl(223,53%,45%) |
#2B458D |
rgb(43,69,141) |
hsl(224,53%,36%) |
#21366B |
rgb(33,54,107) |
hsl(223,53%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#486AC7 |
rgb(72,106,199) |
hsl(224,53%,53%) |
#C76648 |
rgb(199,102,72) |
hsl(14,53%,53%) |
#A9C748 |
rgb(169,199,72) |
hsl(74,53%,53%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#486AC7 |
rgb(72,106,199) |
hsl(224,53%,53%) |
#C7A648 |
rgb(199,166,72) |
hsl(44,53%,53%) |
#48A8C7 |
rgb(72,168,199) |
hsl(195,53%,53%) |
#A9C748 |
rgb(169,199,72) |
hsl(74,53%,53%) |