HEX #5482C4 color — Indigo
The color #5482C4 is a dark shade and moderately saturated.
Palette
5482C4 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f8 |
rgb(236,241,248) |
hsl(215,49%,95%) |
#d9e3f2 |
rgb(217,227,242) |
hsl(215,49%,90%) |
#c6d6eb |
rgb(198,214,235) |
hsl(215,49%,85%) |
#b3c8e5 |
rgb(179,200,229) |
hsl(215,49%,80%) |
#a0bade |
rgb(160,186,222) |
hsl(215,49%,75%) |
#8dacd8 |
rgb(141,172,216) |
hsl(215,49%,70%) |
#7a9ed1 |
rgb(122,158,209) |
hsl(215,49%,65%) |
#6791cb |
rgb(103,145,203) |
hsl(215,49%,60%) |
#5483c4 |
rgb(84,131,196) |
hsl(215,49%,55%) |
#4175be |
rgb(65,117,190) |
hsl(215,49%,50%) |
#3b69ab |
rgb(59,105,171) |
hsl(215,49%,45%) |
#345e98 |
rgb(52,94,152) |
hsl(215,49%,40%) |
#2e5285 |
rgb(46,82,133) |
hsl(215,49%,35%) |
#274672 |
rgb(39,70,114) |
hsl(215,49%,30%) |
#213b5f |
rgb(33,59,95) |
hsl(215,49%,25%) |
#1a2f4c |
rgb(26,47,76) |
hsl(215,49%,20%) |
#142339 |
rgb(20,35,57) |
hsl(215,49%,15%) |
#0d1726 |
rgb(13,23,38) |
hsl(215,49%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(215,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54C4BB |
rgb(84,196,187) |
hsl(175,49%,55%) |
#5482C4 |
rgb(84,130,196) |
hsl(215,49%,55%) |
#7054C4 |
rgb(112,84,196) |
hsl(255,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B3DA |
rgb(150,179,218) |
hsl(214,48%,72%) |
#759CCF |
rgb(117,156,207) |
hsl(214,48%,64%) |
#5482C4 |
rgb(84,130,196) |
hsl(215,49%,55%) |
#3C6BAE |
rgb(60,107,174) |
hsl(215,49%,46%) |
#30578D |
rgb(48,87,141) |
hsl(215,49%,37%) |
#25426C |
rgb(37,66,108) |
hsl(215,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5482C4 |
rgb(84,130,196) |
hsl(215,49%,55%) |
#C45E54 |
rgb(196,94,84) |
hsl(5,49%,55%) |
#BAC454 |
rgb(186,196,84) |
hsl(65,49%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5482C4 |
rgb(84,130,196) |
hsl(215,49%,55%) |
#C49654 |
rgb(196,150,84) |
hsl(35,49%,55%) |
#54BAC4 |
rgb(84,186,196) |
hsl(185,49%,55%) |
#BAC454 |
rgb(186,196,84) |
hsl(65,49%,55%) |