HEX #5482C3 color — Indigo
The color #5482C3 is a dark shade and moderately saturated.
Palette
5482C3 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(215,48%,95%) |
#d9e3f2 |
rgb(217,227,242) |
hsl(215,48%,90%) |
#c6d6eb |
rgb(198,214,235) |
hsl(215,48%,85%) |
#b4c8e4 |
rgb(180,200,228) |
hsl(215,48%,80%) |
#a1bade |
rgb(161,186,222) |
hsl(215,48%,75%) |
#8eacd7 |
rgb(142,172,215) |
hsl(215,48%,70%) |
#7b9fd1 |
rgb(123,159,209) |
hsl(215,48%,65%) |
#6891ca |
rgb(104,145,202) |
hsl(215,48%,60%) |
#5583c3 |
rgb(85,131,195) |
hsl(215,48%,55%) |
#4275bd |
rgb(66,117,189) |
hsl(215,48%,50%) |
#3c6aaa |
rgb(60,106,170) |
hsl(215,48%,45%) |
#355e97 |
rgb(53,94,151) |
hsl(215,48%,40%) |
#2e5284 |
rgb(46,82,132) |
hsl(215,48%,35%) |
#284671 |
rgb(40,70,113) |
hsl(215,48%,30%) |
#213b5e |
rgb(33,59,94) |
hsl(215,48%,25%) |
#1b2f4b |
rgb(27,47,75) |
hsl(215,48%,20%) |
#142339 |
rgb(20,35,57) |
hsl(215,48%,15%) |
#0d1726 |
rgb(13,23,38) |
hsl(215,48%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(215,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54C2BA |
rgb(84,194,186) |
hsl(176,47%,55%) |
#5482C3 |
rgb(84,130,195) |
hsl(215,48%,55%) |
#7054C3 |
rgb(112,84,195) |
hsl(255,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B3DA |
rgb(150,179,218) |
hsl(214,48%,72%) |
#7599CE |
rgb(117,153,206) |
hsl(216,48%,63%) |
#5482C3 |
rgb(84,130,195) |
hsl(215,48%,55%) |
#3C6BAD |
rgb(60,107,173) |
hsl(215,48%,46%) |
#31578C |
rgb(49,87,140) |
hsl(215,48%,37%) |
#25426B |
rgb(37,66,107) |
hsl(215,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5482C3 |
rgb(84,130,195) |
hsl(215,48%,55%) |
#C35E54 |
rgb(195,94,84) |
hsl(5,48%,55%) |
#B9C254 |
rgb(185,194,84) |
hsl(65,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5482C3 |
rgb(84,130,195) |
hsl(215,48%,55%) |
#C39454 |
rgb(195,148,84) |
hsl(35,48%,55%) |
#54BAC3 |
rgb(84,186,195) |
hsl(185,48%,55%) |
#B9C254 |
rgb(185,194,84) |
hsl(65,47%,55%) |