HEX #5678C4 color — Indigo
The color #5678C4 is a dark shade and moderately saturated.
Palette
5678C4 color palette from light to dark
HEX |
RGB |
HSL |
#ecf0f8 |
rgb(236,240,248) |
hsl(221,48%,95%) |
#d9e1f2 |
rgb(217,225,242) |
hsl(221,48%,90%) |
#c6d2eb |
rgb(198,210,235) |
hsl(221,48%,85%) |
#b4c3e4 |
rgb(180,195,228) |
hsl(221,48%,80%) |
#a1b4de |
rgb(161,180,222) |
hsl(221,48%,75%) |
#8ea5d7 |
rgb(142,165,215) |
hsl(221,48%,70%) |
#7b96d1 |
rgb(123,150,209) |
hsl(221,48%,65%) |
#6887ca |
rgb(104,135,202) |
hsl(221,48%,60%) |
#5578c3 |
rgb(85,120,195) |
hsl(221,48%,55%) |
#4269bd |
rgb(66,105,189) |
hsl(221,48%,50%) |
#3c5faa |
rgb(60,95,170) |
hsl(221,48%,45%) |
#355497 |
rgb(53,84,151) |
hsl(221,48%,40%) |
#2e4a84 |
rgb(46,74,132) |
hsl(221,48%,35%) |
#283f71 |
rgb(40,63,113) |
hsl(221,48%,30%) |
#21355e |
rgb(33,53,94) |
hsl(221,48%,25%) |
#1b2a4b |
rgb(27,42,75) |
hsl(221,48%,20%) |
#142039 |
rgb(20,32,57) |
hsl(221,48%,15%) |
#0d1526 |
rgb(13,21,38) |
hsl(221,48%,10%) |
#070b13 |
rgb(7,11,19) |
hsl(221,48%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C2C4 |
rgb(86,194,196) |
hsl(181,48%,55%) |
#5678C4 |
rgb(86,120,196) |
hsl(221,48%,55%) |
#7D57C4 |
rgb(125,87,196) |
hsl(261,48%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98ADDB |
rgb(152,173,219) |
hsl(221,48%,73%) |
#7794CF |
rgb(119,148,207) |
hsl(220,48%,64%) |
#5678C4 |
rgb(86,120,196) |
hsl(221,48%,55%) |
#3D61AF |
rgb(61,97,175) |
hsl(221,48%,46%) |
#314F8E |
rgb(49,79,142) |
hsl(221,49%,37%) |
#253B6C |
rgb(37,59,108) |
hsl(221,49%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#5678C4 |
rgb(86,120,196) |
hsl(221,48%,55%) |
#C46B56 |
rgb(196,107,86) |
hsl(11,48%,55%) |
#AFC456 |
rgb(175,196,86) |
hsl(71,48%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5678C4 |
rgb(86,120,196) |
hsl(221,48%,55%) |
#C4A356 |
rgb(196,163,86) |
hsl(42,48%,55%) |
#56B0C4 |
rgb(86,176,196) |
hsl(191,48%,55%) |
#AFC456 |
rgb(175,196,86) |
hsl(71,48%,55%) |