HEX #5A878D color — Smalt Blue
The color #5A878D is a dark shade and slightly desaturated.
Palette
5A878D color palette from light to dark
| HEX |
RGB |
HSL |
| #eff4f5 |
rgb(239,244,245) |
hsl(187,22%,95%) |
| #e0eaeb |
rgb(224,234,235) |
hsl(187,22%,90%) |
| #d0dfe1 |
rgb(208,223,225) |
hsl(187,22%,85%) |
| #c1d5d7 |
rgb(193,213,215) |
hsl(187,22%,80%) |
| #b1cacd |
rgb(177,202,205) |
hsl(187,22%,75%) |
| #a2bfc3 |
rgb(162,191,195) |
hsl(187,22%,70%) |
| #92b5b9 |
rgb(146,181,185) |
hsl(187,22%,65%) |
| #83aaaf |
rgb(131,170,175) |
hsl(187,22%,60%) |
| #73a0a5 |
rgb(115,160,165) |
hsl(187,22%,55%) |
| #63959c |
rgb(99,149,156) |
hsl(187,22%,50%) |
| #5a868c |
rgb(90,134,140) |
hsl(187,22%,45%) |
| #50777c |
rgb(80,119,124) |
hsl(187,22%,40%) |
| #46686d |
rgb(70,104,109) |
hsl(187,22%,35%) |
| #3c595d |
rgb(60,89,93) |
hsl(187,22%,30%) |
| #324b4e |
rgb(50,75,78) |
hsl(187,22%,25%) |
| #283c3e |
rgb(40,60,62) |
hsl(187,22%,20%) |
| #1e2d2f |
rgb(30,45,47) |
hsl(187,22%,15%) |
| #141e1f |
rgb(20,30,31) |
hsl(187,22%,10%) |
| #0a0f10 |
rgb(10,15,16) |
hsl(187,22%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A8C71 |
rgb(90,140,113) |
hsl(148,22%,45%) |
| #5A878D |
rgb(90,135,141) |
hsl(187,22%,45%) |
| #5A668D |
rgb(90,102,141) |
hsl(226,22%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #81ABAF |
rgb(129,171,175) |
hsl(185,22%,60%) |
| #6B9CA0 |
rgb(107,156,160) |
hsl(185,22%,52%) |
| #5A878D |
rgb(90,135,141) |
hsl(187,22%,45%) |
| #4B7076 |
rgb(75,112,118) |
hsl(188,22%,38%) |
| #3D5C5F |
rgb(61,92,95) |
hsl(185,22%,31%) |
| #2E4749 |
rgb(46,71,73) |
hsl(184,23%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A878D |
rgb(90,135,141) |
hsl(187,22%,45%) |
| #8D596D |
rgb(141,89,109) |
hsl(337,23%,45%) |
| #8D7A5A |
rgb(141,122,90) |
hsl(38,22%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A878D |
rgb(90,135,141) |
hsl(187,22%,45%) |
| #8D615A |
rgb(141,97,90) |
hsl(8,22%,45%) |
| #5A8C79 |
rgb(90,140,121) |
hsl(157,22%,45%) |
| #8D7A5A |
rgb(141,122,90) |
hsl(38,22%,45%) |
