HEX #5487C4 color — Indigo
The color #5487c4 is a light shade and moderately saturated.
Palette
5487c4 color palette from light to dark
HEX |
RGB |
HSL |
#ecf2f8 |
rgb(236,242,248) |
hsl(213,49%,95%) |
#d9e4f2 |
rgb(217,228,242) |
hsl(213,49%,90%) |
#c6d7eb |
rgb(198,215,235) |
hsl(213,49%,85%) |
#b3cae5 |
rgb(179,202,229) |
hsl(213,49%,80%) |
#a0bcde |
rgb(160,188,222) |
hsl(213,49%,75%) |
#8dafd8 |
rgb(141,175,216) |
hsl(213,49%,70%) |
#7aa1d1 |
rgb(122,161,209) |
hsl(213,49%,65%) |
#6794cb |
rgb(103,148,203) |
hsl(213,49%,60%) |
#5487c4 |
rgb(84,135,196) |
hsl(213,49%,55%) |
#4179be |
rgb(65,121,190) |
hsl(213,49%,50%) |
#3b6dab |
rgb(59,109,171) |
hsl(213,49%,45%) |
#346198 |
rgb(52,97,152) |
hsl(213,49%,40%) |
#2e5585 |
rgb(46,85,133) |
hsl(213,49%,35%) |
#274972 |
rgb(39,73,114) |
hsl(213,49%,30%) |
#213d5f |
rgb(33,61,95) |
hsl(213,49%,25%) |
#1a314c |
rgb(26,49,76) |
hsl(213,49%,20%) |
#142439 |
rgb(20,36,57) |
hsl(213,49%,15%) |
#0d1826 |
rgb(13,24,38) |
hsl(213,49%,10%) |
#070c13 |
rgb(7,12,19) |
hsl(213,49%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54C4B6 |
rgb(84,196,182) |
hsl(173,49%,55%) |
#5487C4 |
rgb(84,135,196) |
hsl(213,49%,55%) |
#6B54C4 |
rgb(107,84,196) |
hsl(252,49%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B5DA |
rgb(150,181,218) |
hsl(213,48%,72%) |
#759ECF |
rgb(117,158,207) |
hsl(213,48%,64%) |
#5487C4 |
rgb(84,135,196) |
hsl(213,49%,55%) |
#3C70AE |
rgb(60,112,174) |
hsl(213,49%,46%) |
#305C8D |
rgb(48,92,141) |
hsl(212,49%,37%) |
#25456C |
rgb(37,69,108) |
hsl(213,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5487C4 |
rgb(84,135,196) |
hsl(213,49%,55%) |
#C45954 |
rgb(196,89,84) |
hsl(3,49%,55%) |
#BFC454 |
rgb(191,196,84) |
hsl(63,49%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5487C4 |
rgb(84,135,196) |
hsl(213,49%,55%) |
#C49154 |
rgb(196,145,84) |
hsl(33,49%,55%) |
#54BFC4 |
rgb(84,191,196) |
hsl(183,49%,55%) |
#BFC454 |
rgb(191,196,84) |
hsl(63,49%,55%) |