HEX #5B878C color — Smalt Blue
The color #5B878C is a dark shade and slightly desaturated.
Palette
5B878C color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f4f5 |
rgb(240,244,245) |
hsl(186,21%,95%) |
| #e0eaeb |
rgb(224,234,235) |
hsl(186,21%,90%) |
| #d1dfe1 |
rgb(209,223,225) |
hsl(186,21%,85%) |
| #c1d5d7 |
rgb(193,213,215) |
hsl(186,21%,80%) |
| #b2cacd |
rgb(178,202,205) |
hsl(186,21%,75%) |
| #a2bfc3 |
rgb(162,191,195) |
hsl(186,21%,70%) |
| #93b5b8 |
rgb(147,181,184) |
hsl(186,21%,65%) |
| #84aaae |
rgb(132,170,174) |
hsl(186,21%,60%) |
| #74a0a4 |
rgb(116,160,164) |
hsl(186,21%,55%) |
| #65959a |
rgb(101,149,154) |
hsl(186,21%,50%) |
| #5b868b |
rgb(91,134,139) |
hsl(186,21%,45%) |
| #51777b |
rgb(81,119,123) |
hsl(186,21%,40%) |
| #47686c |
rgb(71,104,108) |
hsl(186,21%,35%) |
| #3c595d |
rgb(60,89,93) |
hsl(186,21%,30%) |
| #324a4d |
rgb(50,74,77) |
hsl(186,21%,25%) |
| #283c3e |
rgb(40,60,62) |
hsl(186,21%,20%) |
| #1e2d2e |
rgb(30,45,46) |
hsl(186,21%,15%) |
| #141e1f |
rgb(20,30,31) |
hsl(186,21%,10%) |
| #0a0f0f |
rgb(10,15,15) |
hsl(186,21%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5B8C70 |
rgb(91,140,112) |
hsl(146,21%,45%) |
| #5B878C |
rgb(91,135,140) |
hsl(186,21%,45%) |
| #5B668C |
rgb(91,102,140) |
hsl(227,21%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #82ABAE |
rgb(130,171,174) |
hsl(184,21%,60%) |
| #6C9C9F |
rgb(108,156,159) |
hsl(184,21%,52%) |
| #5B878C |
rgb(91,135,140) |
hsl(186,21%,45%) |
| #4C7075 |
rgb(76,112,117) |
hsl(187,21%,38%) |
| #3D5C5F |
rgb(61,92,95) |
hsl(185,22%,31%) |
| #2F4748 |
rgb(47,71,72) |
hsl(182,21%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5B878C |
rgb(91,135,140) |
hsl(186,21%,45%) |
| #8C5C6E |
rgb(140,92,110) |
hsl(338,21%,45%) |
| #8C785B |
rgb(140,120,91) |
hsl(36,21%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5B878C |
rgb(91,135,140) |
hsl(186,21%,45%) |
| #8C615B |
rgb(140,97,91) |
hsl(7,21%,45%) |
| #5B8C78 |
rgb(91,140,120) |
hsl(156,21%,45%) |
| #8C785B |
rgb(140,120,91) |
hsl(36,21%,45%) |
