HEX #4C6680 color — Blue Bayoux
The color #4C6680 is a dark shade and slightly desaturated.
Palette
4C6680 color palette from light to dark
HEX |
RGB |
HSL |
#eff2f5 |
rgb(239,242,245) |
hsl(210,25%,95%) |
#dfe6ec |
rgb(223,230,236) |
hsl(210,25%,90%) |
#cfd9e2 |
rgb(207,217,226) |
hsl(210,25%,85%) |
#bfccd9 |
rgb(191,204,217) |
hsl(210,25%,80%) |
#afbfcf |
rgb(175,191,207) |
hsl(210,25%,75%) |
#9fb3c6 |
rgb(159,179,198) |
hsl(210,25%,70%) |
#8fa6bc |
rgb(143,166,188) |
hsl(210,25%,65%) |
#8099b3 |
rgb(128,153,179) |
hsl(210,25%,60%) |
#708ca9 |
rgb(112,140,169) |
hsl(210,25%,55%) |
#60809f |
rgb(96,128,159) |
hsl(210,25%,50%) |
#56738f |
rgb(86,115,143) |
hsl(210,25%,45%) |
#4d6680 |
rgb(77,102,128) |
hsl(210,25%,40%) |
#435970 |
rgb(67,89,112) |
hsl(210,25%,35%) |
#394d60 |
rgb(57,77,96) |
hsl(210,25%,30%) |
#304050 |
rgb(48,64,80) |
hsl(210,25%,25%) |
#263340 |
rgb(38,51,64) |
hsl(210,25%,20%) |
#1d2630 |
rgb(29,38,48) |
hsl(210,25%,15%) |
#131a20 |
rgb(19,26,32) |
hsl(210,25%,10%) |
#0a0d10 |
rgb(10,13,16) |
hsl(210,25%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#4C8077 |
rgb(76,128,119) |
hsl(170,25%,40%) |
#4C6680 |
rgb(76,102,128) |
hsl(210,25%,40%) |
#544D80 |
rgb(84,77,128) |
hsl(248,25%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6787A5 |
rgb(103,135,165) |
hsl(209,26%,53%) |
#587594 |
rgb(88,117,148) |
hsl(211,25%,46%) |
#4C6680 |
rgb(76,102,128) |
hsl(210,25%,40%) |
#3F576B |
rgb(63,87,107) |
hsl(207,26%,33%) |
#334557 |
rgb(51,69,87) |
hsl(210,26%,27%) |
#273642 |
rgb(39,54,66) |
hsl(207,26%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#4C6680 |
rgb(76,102,128) |
hsl(210,25%,40%) |
#804D4C |
rgb(128,77,76) |
hsl(1,25%,40%) |
#80804C |
rgb(128,128,76) |
hsl(60,25%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#4C6680 |
rgb(76,102,128) |
hsl(210,25%,40%) |
#80664C |
rgb(128,102,76) |
hsl(30,25%,40%) |
#4C8080 |
rgb(76,128,128) |
hsl(180,25%,40%) |
#80804C |
rgb(128,128,76) |
hsl(60,25%,40%) |