HEX #5582C6 color — Indigo
The color #5582C6 is a dark shade and moderately saturated.
Palette
5582C6 color palette from light to dark
HEX |
RGB |
HSL |
#ecf1f9 |
rgb(236,241,249) |
hsl(216,50%,95%) |
#d9e3f2 |
rgb(217,227,242) |
hsl(216,50%,90%) |
#c6d5ec |
rgb(198,213,236) |
hsl(216,50%,85%) |
#b3c7e6 |
rgb(179,199,230) |
hsl(216,50%,80%) |
#9fb9df |
rgb(159,185,223) |
hsl(216,50%,75%) |
#8cabd9 |
rgb(140,171,217) |
hsl(216,50%,70%) |
#799dd2 |
rgb(121,157,210) |
hsl(216,50%,65%) |
#668fcc |
rgb(102,143,204) |
hsl(216,50%,60%) |
#5381c6 |
rgb(83,129,198) |
hsl(216,50%,55%) |
#4073bf |
rgb(64,115,191) |
hsl(216,50%,50%) |
#3967ac |
rgb(57,103,172) |
hsl(216,50%,45%) |
#335c99 |
rgb(51,92,153) |
hsl(216,50%,40%) |
#2d5086 |
rgb(45,80,134) |
hsl(216,50%,35%) |
#264573 |
rgb(38,69,115) |
hsl(216,50%,30%) |
#203960 |
rgb(32,57,96) |
hsl(216,50%,25%) |
#1a2e4d |
rgb(26,46,77) |
hsl(216,50%,20%) |
#132239 |
rgb(19,34,57) |
hsl(216,50%,15%) |
#0d1726 |
rgb(13,23,38) |
hsl(216,50%,10%) |
#060b13 |
rgb(6,11,19) |
hsl(216,50%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#55C7BE |
rgb(85,199,190) |
hsl(175,50%,56%) |
#5582C6 |
rgb(85,130,198) |
hsl(216,50%,55%) |
#7354C6 |
rgb(115,84,198) |
hsl(256,50%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98B5DC |
rgb(152,181,220) |
hsl(214,49%,73%) |
#769CD1 |
rgb(118,156,209) |
hsl(215,50%,64%) |
#5582C6 |
rgb(85,130,198) |
hsl(216,50%,55%) |
#3B6BB2 |
rgb(59,107,178) |
hsl(216,50%,46%) |
#305790 |
rgb(48,87,144) |
hsl(216,50%,38%) |
#24426E |
rgb(36,66,110) |
hsl(216,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5582C6 |
rgb(85,130,198) |
hsl(216,50%,55%) |
#C66155 |
rgb(198,97,85) |
hsl(6,50%,55%) |
#BAC755 |
rgb(186,199,85) |
hsl(67,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5582C6 |
rgb(85,130,198) |
hsl(216,50%,55%) |
#C69955 |
rgb(198,153,85) |
hsl(36,50%,55%) |
#55BAC6 |
rgb(85,186,198) |
hsl(186,50%,55%) |
#BAC755 |
rgb(186,199,85) |
hsl(67,50%,56%) |