HEX #556180 color — Blue Bayoux
The color #556180 is a dark shade and slightly desaturated.
Palette
556180 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(223,20%,97%) |
#e7e9ef |
rgb(231,233,239) |
hsl(223,20%,92%) |
#d7dbe4 |
rgb(215,219,228) |
hsl(223,20%,87%) |
#c8cdda |
rgb(200,205,218) |
hsl(223,20%,82%) |
#b9bfd0 |
rgb(185,191,208) |
hsl(223,20%,77%) |
#a9b1c6 |
rgb(169,177,198) |
hsl(223,20%,72%) |
#9aa4bc |
rgb(154,164,188) |
hsl(223,20%,67%) |
#8b96b1 |
rgb(139,150,177) |
hsl(223,20%,62%) |
#7b88a7 |
rgb(123,136,167) |
hsl(223,20%,57%) |
#6c7a9d |
rgb(108,122,157) |
hsl(223,20%,52%) |
#606d90 |
rgb(96,109,144) |
hsl(223,20%,47%) |
#566281 |
rgb(86,98,129) |
hsl(223,20%,42%) |
#4b5671 |
rgb(75,86,113) |
hsl(223,20%,37%) |
#414b62 |
rgb(65,75,98) |
hsl(223,20%,32%) |
#373f53 |
rgb(55,63,83) |
hsl(223,20%,27%) |
#2d3343 |
rgb(45,51,67) |
hsl(223,20%,22%) |
#232834 |
rgb(35,40,52) |
hsl(223,20%,17%) |
#181c25 |
rgb(24,28,37) |
hsl(223,20%,12%) |
#0e1015 |
rgb(14,16,21) |
hsl(223,20%,7%) |
#040506 |
rgb(4,5,6) |
hsl(223,20%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#557D80 |
rgb(85,125,128) |
hsl(184,20%,42%) |
#556180 |
rgb(85,97,128) |
hsl(223,20%,42%) |
#655480 |
rgb(101,84,128) |
hsl(263,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7582A3 |
rgb(117,130,163) |
hsl(223,20%,55%) |
#627094 |
rgb(98,112,148) |
hsl(223,20%,48%) |
#556180 |
rgb(85,97,128) |
hsl(223,20%,42%) |
#47526B |
rgb(71,82,107) |
hsl(222,20%,35%) |
#394257 |
rgb(57,66,87) |
hsl(222,21%,28%) |
#2C3342 |
rgb(44,51,66) |
hsl(221,20%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#556180 |
rgb(85,97,128) |
hsl(223,20%,42%) |
#805E55 |
rgb(128,94,85) |
hsl(13,20%,42%) |
#768055 |
rgb(118,128,85) |
hsl(74,20%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#556180 |
rgb(85,97,128) |
hsl(223,20%,42%) |
#807355 |
rgb(128,115,85) |
hsl(42,20%,42%) |
#557580 |
rgb(85,117,128) |
hsl(195,20%,42%) |
#768055 |
rgb(118,128,85) |
hsl(74,20%,42%) |