HEX #5B778B color — Smalt Blue
The color #5b778b is a dark shade and slightly desaturated.
Palette
5b778b color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f3f5 |
rgb(240,243,245) |
hsl(205,21%,95%) |
| #e0e6eb |
rgb(224,230,235) |
hsl(205,21%,90%) |
| #d1dae1 |
rgb(209,218,225) |
hsl(205,21%,85%) |
| #c1ced7 |
rgb(193,206,215) |
hsl(205,21%,80%) |
| #b2c1cd |
rgb(178,193,205) |
hsl(205,21%,75%) |
| #a2b5c3 |
rgb(162,181,195) |
hsl(205,21%,70%) |
| #93a9b8 |
rgb(147,169,184) |
hsl(205,21%,65%) |
| #849dae |
rgb(132,157,174) |
hsl(205,21%,60%) |
| #7490a4 |
rgb(116,144,164) |
hsl(205,21%,55%) |
| #65849a |
rgb(101,132,154) |
hsl(205,21%,50%) |
| #5b778b |
rgb(91,119,139) |
hsl(205,21%,45%) |
| #516a7b |
rgb(81,106,123) |
hsl(205,21%,40%) |
| #475c6c |
rgb(71,92,108) |
hsl(205,21%,35%) |
| #3c4f5d |
rgb(60,79,93) |
hsl(205,21%,30%) |
| #32424d |
rgb(50,66,77) |
hsl(205,21%,25%) |
| #28353e |
rgb(40,53,62) |
hsl(205,21%,20%) |
| #1e282e |
rgb(30,40,46) |
hsl(205,21%,15%) |
| #141a1f |
rgb(20,26,31) |
hsl(205,21%,10%) |
| #0a0d0f |
rgb(10,13,15) |
hsl(205,21%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5B8C7F |
rgb(91,140,127) |
hsl(164,21%,45%) |
| #5B778B |
rgb(91,119,139) |
hsl(205,21%,45%) |
| #5F5C8B |
rgb(95,92,139) |
hsl(244,20%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #829CAD |
rgb(130,156,173) |
hsl(204,21%,59%) |
| #6C8A9E |
rgb(108,138,158) |
hsl(204,20%,52%) |
| #5B778B |
rgb(91,119,139) |
hsl(205,21%,45%) |
| #4C6374 |
rgb(76,99,116) |
hsl(206,21%,38%) |
| #3D525E |
rgb(61,82,94) |
hsl(202,21%,30%) |
| #2F3D48 |
rgb(47,61,72) |
hsl(206,21%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5B778B |
rgb(91,119,139) |
hsl(205,21%,45%) |
| #8B5C5F |
rgb(139,92,95) |
hsl(356,20%,45%) |
| #8B875B |
rgb(139,135,91) |
hsl(55,21%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5B778B |
rgb(91,119,139) |
hsl(205,21%,45%) |
| #8B705B |
rgb(139,112,91) |
hsl(26,21%,45%) |
| #5B8C87 |
rgb(91,140,135) |
hsl(174,21%,45%) |
| #8B875B |
rgb(139,135,91) |
hsl(55,21%,45%) |
