HEX #557581 color — Blue Bayoux
The color #557581 is a dark shade and slightly desaturated.
Palette
557581 color palette from light to dark
HEX |
RGB |
HSL |
#f6f8f9 |
rgb(246,248,249) |
hsl(196,21%,97%) |
#e6edef |
rgb(230,237,239) |
hsl(196,21%,92%) |
#d7e1e5 |
rgb(215,225,229) |
hsl(196,21%,87%) |
#c7d6db |
rgb(199,214,219) |
hsl(196,21%,82%) |
#b8cad1 |
rgb(184,202,209) |
hsl(196,21%,77%) |
#a9bfc7 |
rgb(169,191,199) |
hsl(196,21%,72%) |
#99b3bd |
rgb(153,179,189) |
hsl(196,21%,67%) |
#8aa8b2 |
rgb(138,168,178) |
hsl(196,21%,62%) |
#7a9ca8 |
rgb(122,156,168) |
hsl(196,21%,57%) |
#6b919e |
rgb(107,145,158) |
hsl(196,21%,52%) |
#5f8491 |
rgb(95,132,145) |
hsl(196,21%,47%) |
#557682 |
rgb(85,118,130) |
hsl(196,21%,42%) |
#4b6872 |
rgb(75,104,114) |
hsl(196,21%,37%) |
#405a63 |
rgb(64,90,99) |
hsl(196,21%,32%) |
#364c53 |
rgb(54,76,83) |
hsl(196,21%,27%) |
#2c3e44 |
rgb(44,62,68) |
hsl(196,21%,22%) |
#223034 |
rgb(34,48,52) |
hsl(196,21%,17%) |
#182225 |
rgb(24,34,37) |
hsl(196,21%,12%) |
#0e1416 |
rgb(14,20,22) |
hsl(196,21%,7%) |
#040606 |
rgb(4,6,6) |
hsl(196,21%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#55826F |
rgb(85,130,111) |
hsl(155,21%,42%) |
#557581 |
rgb(85,117,129) |
hsl(196,21%,42%) |
#555781 |
rgb(85,87,129) |
hsl(237,21%,42%) |
Monochromatic colors
HEX |
RGB |
HSL |
#7599A4 |
rgb(117,153,164) |
hsl(194,21%,55%) |
#628795 |
rgb(98,135,149) |
hsl(196,21%,48%) |
#557581 |
rgb(85,117,129) |
hsl(196,21%,42%) |
#47636C |
rgb(71,99,108) |
hsl(195,21%,35%) |
#394F57 |
rgb(57,79,87) |
hsl(196,21%,28%) |
#2C3D43 |
rgb(44,61,67) |
hsl(196,21%,22%) |
Triad color palettes
HEX |
RGB |
HSL |
#557581 |
rgb(85,117,129) |
hsl(196,21%,42%) |
#81545F |
rgb(129,84,95) |
hsl(345,21%,42%) |
#817855 |
rgb(129,120,85) |
hsl(48,21%,42%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#557581 |
rgb(85,117,129) |
hsl(196,21%,42%) |
#816155 |
rgb(129,97,85) |
hsl(16,21%,42%) |
#558277 |
rgb(85,130,119) |
hsl(165,21%,42%) |
#817855 |
rgb(129,120,85) |
hsl(48,21%,42%) |