HEX #557380 color — Blue Bayoux
The color #557380 is a dark shade and slightly desaturated.
Palette
557380 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(198,20%,97%) |
#e7ecef |
rgb(231,236,239) |
hsl(198,20%,92%) |
#d7e1e4 |
rgb(215,225,228) |
hsl(198,20%,87%) |
#c8d5da |
rgb(200,213,218) |
hsl(198,20%,82%) |
#b9c9d0 |
rgb(185,201,208) |
hsl(198,20%,77%) |
#a9bdc6 |
rgb(169,189,198) |
hsl(198,20%,72%) |
#9ab2bc |
rgb(154,178,188) |
hsl(198,20%,67%) |
#8ba6b1 |
rgb(139,166,177) |
hsl(198,20%,62%) |
#7b9aa7 |
rgb(123,154,167) |
hsl(198,20%,57%) |
#6c8e9d |
rgb(108,142,157) |
hsl(198,20%,52%) |
#608190 |
rgb(96,129,144) |
hsl(198,20%,47%) |
#567481 |
rgb(86,116,129) |
hsl(198,20%,42%) |
#4b6671 |
rgb(75,102,113) |
hsl(198,20%,37%) |
#415862 |
rgb(65,88,98) |
hsl(198,20%,32%) |
#374a53 |
rgb(55,74,83) |
hsl(198,20%,27%) |
#2d3d43 |
rgb(45,61,67) |
hsl(198,20%,22%) |
#232f34 |
rgb(35,47,52) |
hsl(198,20%,17%) |
#182125 |
rgb(24,33,37) |
hsl(198,20%,12%) |
#0e1315 |
rgb(14,19,21) |
hsl(198,20%,7%) |
#040606 |
rgb(4,6,6) |
hsl(198,20%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#558070 |
rgb(85,128,112) |
hsl(158,20%,42%) |
#557380 |
rgb(85,115,128) |
hsl(198,20%,42%) |
#555780 |
rgb(85,87,128) |
hsl(237,20%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7596A3 |
rgb(117,150,163) |
hsl(197,20%,55%) |
#628594 |
rgb(98,133,148) |
hsl(198,20%,48%) |
#557380 |
rgb(85,115,128) |
hsl(198,20%,42%) |
#47616B |
rgb(71,97,107) |
hsl(197,20%,35%) |
#394F57 |
rgb(57,79,87) |
hsl(196,21%,28%) |
#2C3B42 |
rgb(44,59,66) |
hsl(199,20%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#557380 |
rgb(85,115,128) |
hsl(198,20%,42%) |
#80545D |
rgb(128,84,93) |
hsl(348,21%,42%) |
#807855 |
rgb(128,120,85) |
hsl(49,20%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557380 |
rgb(85,115,128) |
hsl(198,20%,42%) |
#806155 |
rgb(128,97,85) |
hsl(17,20%,42%) |
#558077 |
rgb(85,128,119) |
hsl(167,20%,42%) |
#807855 |
rgb(128,120,85) |
hsl(49,20%,42%) |