HEX #5676CD color — Indigo
The color #5676cd is a dark shade and moderately saturated.
Palette
5676cd color palette from light to dark
HEX |
RGB |
HSL |
#f3f5fb |
rgb(243,245,251) |
hsl(224,54%,97%) |
#e0e5f6 |
rgb(224,229,246) |
hsl(224,54%,92%) |
#ccd5f0 |
rgb(204,213,240) |
hsl(224,54%,87%) |
#b8c6ea |
rgb(184,198,234) |
hsl(224,54%,82%) |
#a5b6e4 |
rgb(165,182,228) |
hsl(224,54%,77%) |
#91a6de |
rgb(145,166,222) |
hsl(224,54%,72%) |
#7d96d8 |
rgb(125,150,216) |
hsl(224,54%,67%) |
#6a86d2 |
rgb(106,134,210) |
hsl(224,54%,62%) |
#5676cd |
rgb(86,118,205) |
hsl(224,54%,57%) |
#4366c7 |
rgb(67,102,199) |
hsl(224,54%,52%) |
#375ab9 |
rgb(55,90,185) |
hsl(224,54%,47%) |
#3150a5 |
rgb(49,80,165) |
hsl(224,54%,42%) |
#2b4791 |
rgb(43,71,145) |
hsl(224,54%,37%) |
#263d7e |
rgb(38,61,126) |
hsl(224,54%,32%) |
#20336a |
rgb(32,51,106) |
hsl(224,54%,27%) |
#1a2a56 |
rgb(26,42,86) |
hsl(224,54%,22%) |
#142043 |
rgb(20,32,67) |
hsl(224,54%,17%) |
#0e172f |
rgb(14,23,47) |
hsl(224,54%,12%) |
#080d1b |
rgb(8,13,27) |
hsl(224,54%,7%) |
#020408 |
rgb(2,4,8) |
hsl(224,54%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#56C4CD |
rgb(86,196,205) |
hsl(185,54%,57%) |
#5676CD |
rgb(86,118,205) |
hsl(224,54%,57%) |
#8557CD |
rgb(133,87,205) |
hsl(263,54%,57%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9DB0E2 |
rgb(157,176,226) |
hsl(223,54%,75%) |
#7994D7 |
rgb(121,148,215) |
hsl(223,54%,66%) |
#5676CD |
rgb(86,118,205) |
hsl(224,54%,57%) |
#375CBC |
rgb(55,92,188) |
hsl(223,55%,48%) |
#2D4A98 |
rgb(45,74,152) |
hsl(224,54%,39%) |
#223874 |
rgb(34,56,116) |
hsl(224,55%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#5676CD |
rgb(86,118,205) |
hsl(224,54%,57%) |
#CD7356 |
rgb(205,115,86) |
hsl(15,54%,57%) |
#B1CC56 |
rgb(177,204,86) |
hsl(74,54%,57%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5676CD |
rgb(86,118,205) |
hsl(224,54%,57%) |
#CDAD56 |
rgb(205,173,86) |
hsl(44,54%,57%) |
#56B3CD |
rgb(86,179,205) |
hsl(193,54%,57%) |
#B1CC56 |
rgb(177,204,86) |
hsl(74,54%,57%) |