HEX #5A878C color — Smalt Blue
The color #5A878C is a dark shade and slightly desaturated.
Palette
5A878C color palette from light to dark
| HEX |
RGB |
HSL |
| #eff4f5 |
rgb(239,244,245) |
hsl(186,22%,95%) |
| #e0eaeb |
rgb(224,234,235) |
hsl(186,22%,90%) |
| #d0dfe1 |
rgb(208,223,225) |
hsl(186,22%,85%) |
| #c1d5d7 |
rgb(193,213,215) |
hsl(186,22%,80%) |
| #b1cacd |
rgb(177,202,205) |
hsl(186,22%,75%) |
| #a2c0c3 |
rgb(162,192,195) |
hsl(186,22%,70%) |
| #92b5b9 |
rgb(146,181,185) |
hsl(186,22%,65%) |
| #83abaf |
rgb(131,171,175) |
hsl(186,22%,60%) |
| #73a0a5 |
rgb(115,160,165) |
hsl(186,22%,55%) |
| #63969c |
rgb(99,150,156) |
hsl(186,22%,50%) |
| #5a878c |
rgb(90,135,140) |
hsl(186,22%,45%) |
| #50787c |
rgb(80,120,124) |
hsl(186,22%,40%) |
| #46696d |
rgb(70,105,109) |
hsl(186,22%,35%) |
| #3c5a5d |
rgb(60,90,93) |
hsl(186,22%,30%) |
| #324b4e |
rgb(50,75,78) |
hsl(186,22%,25%) |
| #283c3e |
rgb(40,60,62) |
hsl(186,22%,20%) |
| #1e2d2f |
rgb(30,45,47) |
hsl(186,22%,15%) |
| #141e1f |
rgb(20,30,31) |
hsl(186,22%,10%) |
| #0a0f10 |
rgb(10,15,16) |
hsl(186,22%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A8C6F |
rgb(90,140,111) |
hsl(145,22%,45%) |
| #5A878C |
rgb(90,135,140) |
hsl(186,22%,45%) |
| #5A668C |
rgb(90,102,140) |
hsl(226,22%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #81ABAE |
rgb(129,171,174) |
hsl(184,22%,59%) |
| #6A9C9F |
rgb(106,156,159) |
hsl(183,22%,52%) |
| #5A878C |
rgb(90,135,140) |
hsl(186,22%,45%) |
| #4B7075 |
rgb(75,112,117) |
hsl(187,22%,38%) |
| #3D5C5F |
rgb(61,92,95) |
hsl(185,22%,31%) |
| #2E4748 |
rgb(46,71,72) |
hsl(182,22%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A878C |
rgb(90,135,140) |
hsl(186,22%,45%) |
| #8C596E |
rgb(140,89,110) |
hsl(335,22%,45%) |
| #8C785A |
rgb(140,120,90) |
hsl(36,22%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A878C |
rgb(90,135,140) |
hsl(186,22%,45%) |
| #8C5E5A |
rgb(140,94,90) |
hsl(5,22%,45%) |
| #5A8C78 |
rgb(90,140,120) |
hsl(156,22%,45%) |
| #8C785A |
rgb(140,120,90) |
hsl(36,22%,45%) |
