HEX #5475C2 color — Indigo
The color #5475C2 is a dark shade and moderately saturated.
Palette
5475C2 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(222,47%,95%) |
#dae1f1 |
rgb(218,225,241) |
hsl(222,47%,90%) |
#c7d2eb |
rgb(199,210,235) |
hsl(222,47%,85%) |
#b4c2e4 |
rgb(180,194,228) |
hsl(222,47%,80%) |
#a1b3dd |
rgb(161,179,221) |
hsl(222,47%,75%) |
#8fa4d6 |
rgb(143,164,214) |
hsl(222,47%,70%) |
#7c95d0 |
rgb(124,149,208) |
hsl(222,47%,65%) |
#6986c9 |
rgb(105,134,201) |
hsl(222,47%,60%) |
#5677c2 |
rgb(86,119,194) |
hsl(222,47%,55%) |
#4468bb |
rgb(68,104,187) |
hsl(222,47%,50%) |
#3d5da9 |
rgb(61,93,169) |
hsl(222,47%,45%) |
#365396 |
rgb(54,83,150) |
hsl(222,47%,40%) |
#2f4883 |
rgb(47,72,131) |
hsl(222,47%,35%) |
#293e70 |
rgb(41,62,112) |
hsl(222,47%,30%) |
#22345e |
rgb(34,52,94) |
hsl(222,47%,25%) |
#1b294b |
rgb(27,41,75) |
hsl(222,47%,20%) |
#141f38 |
rgb(20,31,56) |
hsl(222,47%,15%) |
#0e1525 |
rgb(14,21,37) |
hsl(222,47%,10%) |
#070a13 |
rgb(7,10,19) |
hsl(222,47%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#54BFC2 |
rgb(84,191,194) |
hsl(182,47%,55%) |
#5475C2 |
rgb(84,117,194) |
hsl(222,47%,55%) |
#7C54C2 |
rgb(124,84,194) |
hsl(262,47%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95ABD9 |
rgb(149,171,217) |
hsl(221,47%,72%) |
#748FCD |
rgb(116,143,205) |
hsl(222,47%,63%) |
#5475C2 |
rgb(84,117,194) |
hsl(222,47%,55%) |
#3D5EAC |
rgb(61,94,172) |
hsl(222,48%,46%) |
#314D8B |
rgb(49,77,139) |
hsl(221,48%,37%) |
#263B6A |
rgb(38,59,106) |
hsl(221,47%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5475C2 |
rgb(84,117,194) |
hsl(222,47%,55%) |
#C26B54 |
rgb(194,107,84) |
hsl(13,47%,55%) |
#ACC254 |
rgb(172,194,84) |
hsl(72,47%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5475C2 |
rgb(84,117,194) |
hsl(222,47%,55%) |
#C2A154 |
rgb(194,161,84) |
hsl(42,47%,55%) |
#54ABC2 |
rgb(84,171,194) |
hsl(193,47%,55%) |
#ACC254 |
rgb(172,194,84) |
hsl(72,47%,55%) |