HEX #5680C8 color — Indigo
The color #5680c8 is a dark shade and moderately saturated.
Palette
5680c8 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3fa |
rgb(240,243,250) |
hsl(218,51%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(218,51%,91%) |
#c9d6ee |
rgb(201,214,238) |
hsl(218,51%,86%) |
#b6c8e7 |
rgb(182,200,231) |
hsl(218,51%,81%) |
#a3b9e1 |
rgb(163,185,225) |
hsl(218,51%,76%) |
#8fabdb |
rgb(143,171,219) |
hsl(218,51%,71%) |
#7c9dd5 |
rgb(124,157,213) |
hsl(218,51%,66%) |
#698ece |
rgb(105,142,206) |
hsl(218,51%,61%) |
#5680c8 |
rgb(86,128,200) |
hsl(218,51%,56%) |
#4271c2 |
rgb(66,113,194) |
hsl(218,51%,51%) |
#3965b1 |
rgb(57,101,177) |
hsl(218,51%,46%) |
#335a9e |
rgb(51,90,158) |
hsl(218,51%,41%) |
#2d4f8b |
rgb(45,79,139) |
hsl(218,51%,36%) |
#274477 |
rgb(39,68,119) |
hsl(218,51%,31%) |
#203964 |
rgb(32,57,100) |
hsl(218,51%,26%) |
#1a2e51 |
rgb(26,46,81) |
hsl(218,51%,21%) |
#14233e |
rgb(20,35,62) |
hsl(218,51%,16%) |
#0e182a |
rgb(14,24,42) |
hsl(218,51%,11%) |
#070d17 |
rgb(7,13,23) |
hsl(218,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(218,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C7C4 |
rgb(86,199,196) |
hsl(178,50%,56%) |
#5680C8 |
rgb(86,128,200) |
hsl(218,51%,56%) |
#7857C8 |
rgb(120,87,200) |
hsl(258,51%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB5DE |
rgb(155,181,222) |
hsl(217,50%,74%) |
#7899D3 |
rgb(120,153,211) |
hsl(218,51%,65%) |
#5680C8 |
rgb(86,128,200) |
hsl(218,51%,56%) |
#3A69B5 |
rgb(58,105,181) |
hsl(217,51%,47%) |
#2F5492 |
rgb(47,84,146) |
hsl(218,51%,38%) |
#244070 |
rgb(36,64,112) |
hsl(218,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5680C8 |
rgb(86,128,200) |
hsl(218,51%,56%) |
#C86656 |
rgb(200,102,86) |
hsl(8,51%,56%) |
#B9C756 |
rgb(185,199,86) |
hsl(67,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5680C8 |
rgb(86,128,200) |
hsl(218,51%,56%) |
#C89E56 |
rgb(200,158,86) |
hsl(38,51%,56%) |
#56BAC8 |
rgb(86,186,200) |
hsl(187,51%,56%) |
#B9C756 |
rgb(185,199,86) |
hsl(67,50%,56%) |