HEX #5682C8 color — Indigo
The color #5682C8 is a dark shade and moderately saturated.
Palette
5682C8 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4fa |
rgb(240,244,250) |
hsl(217,51%,96%) |
#dce5f4 |
rgb(220,229,244) |
hsl(217,51%,91%) |
#c9d7ee |
rgb(201,215,238) |
hsl(217,51%,86%) |
#b6c9e7 |
rgb(182,201,231) |
hsl(217,51%,81%) |
#a3bbe1 |
rgb(163,187,225) |
hsl(217,51%,76%) |
#8facdb |
rgb(143,172,219) |
hsl(217,51%,71%) |
#7c9ed5 |
rgb(124,158,213) |
hsl(217,51%,66%) |
#6990ce |
rgb(105,144,206) |
hsl(217,51%,61%) |
#5681c8 |
rgb(86,129,200) |
hsl(217,51%,56%) |
#4273c2 |
rgb(66,115,194) |
hsl(217,51%,51%) |
#3967b1 |
rgb(57,103,177) |
hsl(217,51%,46%) |
#335c9e |
rgb(51,92,158) |
hsl(217,51%,41%) |
#2d518b |
rgb(45,81,139) |
hsl(217,51%,36%) |
#274677 |
rgb(39,70,119) |
hsl(217,51%,31%) |
#203a64 |
rgb(32,58,100) |
hsl(217,51%,26%) |
#1a2f51 |
rgb(26,47,81) |
hsl(217,51%,21%) |
#14243e |
rgb(20,36,62) |
hsl(217,51%,16%) |
#0e192a |
rgb(14,25,42) |
hsl(217,51%,11%) |
#070d17 |
rgb(7,13,23) |
hsl(217,51%,6%) |
#010204 |
rgb(1,2,4) |
hsl(217,51%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C7C2 |
rgb(86,199,194) |
hsl(177,50%,56%) |
#5682C8 |
rgb(86,130,200) |
hsl(217,51%,56%) |
#7657C8 |
rgb(118,87,200) |
hsl(256,51%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB5DE |
rgb(155,181,222) |
hsl(217,50%,74%) |
#789CD3 |
rgb(120,156,211) |
hsl(216,51%,65%) |
#5682C8 |
rgb(86,130,200) |
hsl(217,51%,56%) |
#3A6BB5 |
rgb(58,107,181) |
hsl(216,51%,47%) |
#2F5792 |
rgb(47,87,146) |
hsl(216,51%,38%) |
#244270 |
rgb(36,66,112) |
hsl(216,51%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5682C8 |
rgb(86,130,200) |
hsl(217,51%,56%) |
#C86356 |
rgb(200,99,86) |
hsl(7,51%,56%) |
#BBC756 |
rgb(187,199,86) |
hsl(66,50%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5682C8 |
rgb(86,130,200) |
hsl(217,51%,56%) |
#C89C56 |
rgb(200,156,86) |
hsl(37,51%,56%) |
#56BAC8 |
rgb(86,186,200) |
hsl(187,51%,56%) |
#BBC756 |
rgb(187,199,86) |
hsl(66,50%,56%) |