HEX #5670C6 color — Indigo
The color #5670C6 is a dark shade and moderately saturated.
Palette
5670C6 color palette from light to dark
HEX |
RGB |
HSL |
#f0f2fa |
rgb(240,242,250) |
hsl(226,50%,96%) |
#dde2f4 |
rgb(221,226,244) |
hsl(226,50%,91%) |
#c9d2ed |
rgb(201,210,237) |
hsl(226,50%,86%) |
#b6c2e7 |
rgb(182,194,231) |
hsl(226,50%,81%) |
#a3b1e0 |
rgb(163,177,224) |
hsl(226,50%,76%) |
#90a1da |
rgb(144,161,218) |
hsl(226,50%,71%) |
#7d91d4 |
rgb(125,145,212) |
hsl(226,50%,66%) |
#6a81cd |
rgb(106,129,205) |
hsl(226,50%,61%) |
#5771c7 |
rgb(87,113,199) |
hsl(226,50%,56%) |
#4461c1 |
rgb(68,97,193) |
hsl(226,50%,51%) |
#3b56b0 |
rgb(59,86,176) |
hsl(226,50%,46%) |
#344d9d |
rgb(52,77,157) |
hsl(226,50%,41%) |
#2e438a |
rgb(46,67,138) |
hsl(226,50%,36%) |
#283a77 |
rgb(40,58,119) |
hsl(226,50%,31%) |
#213163 |
rgb(33,49,99) |
hsl(226,50%,26%) |
#1b2750 |
rgb(27,39,80) |
hsl(226,50%,21%) |
#141e3d |
rgb(20,30,61) |
hsl(226,50%,16%) |
#0e152a |
rgb(14,21,42) |
hsl(226,50%,11%) |
#080b17 |
rgb(8,11,23) |
hsl(226,50%,6%) |
#010204 |
rgb(1,2,4) |
hsl(226,50%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56BAC6 |
rgb(86,186,198) |
hsl(186,50%,56%) |
#5670C6 |
rgb(86,112,198) |
hsl(226,50%,56%) |
#8657C6 |
rgb(134,87,198) |
hsl(265,49%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99A8DC |
rgb(153,168,220) |
hsl(227,49%,73%) |
#778CD1 |
rgb(119,140,209) |
hsl(226,49%,64%) |
#5670C6 |
rgb(86,112,198) |
hsl(226,50%,56%) |
#3C57B2 |
rgb(60,87,178) |
hsl(226,50%,47%) |
#304790 |
rgb(48,71,144) |
hsl(226,50%,38%) |
#25366E |
rgb(37,54,110) |
hsl(226,50%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5670C6 |
rgb(86,112,198) |
hsl(226,50%,56%) |
#C67356 |
rgb(198,115,86) |
hsl(16,50%,56%) |
#A8C756 |
rgb(168,199,86) |
hsl(76,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5670C6 |
rgb(86,112,198) |
hsl(226,50%,56%) |
#C6AB56 |
rgb(198,171,86) |
hsl(46,50%,56%) |
#56A8C6 |
rgb(86,168,198) |
hsl(196,50%,56%) |
#A8C756 |
rgb(168,199,86) |
hsl(76,50%,56%) |