HEX #5A878B color — Smalt Blue
The color #5A878B is a dark shade and slightly desaturated.
Palette
5A878B color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f4f5 |
rgb(240,244,245) |
hsl(185,21%,95%) |
| #e0eaeb |
rgb(224,234,235) |
hsl(185,21%,90%) |
| #d1dfe1 |
rgb(209,223,225) |
hsl(185,21%,85%) |
| #c1d5d7 |
rgb(193,213,215) |
hsl(185,21%,80%) |
| #b2cacd |
rgb(178,202,205) |
hsl(185,21%,75%) |
| #a2c0c3 |
rgb(162,192,195) |
hsl(185,21%,70%) |
| #93b5b8 |
rgb(147,181,184) |
hsl(185,21%,65%) |
| #84abae |
rgb(132,171,174) |
hsl(185,21%,60%) |
| #74a0a4 |
rgb(116,160,164) |
hsl(185,21%,55%) |
| #65969a |
rgb(101,150,154) |
hsl(185,21%,50%) |
| #5b878b |
rgb(91,135,139) |
hsl(185,21%,45%) |
| #51787b |
rgb(81,120,123) |
hsl(185,21%,40%) |
| #47696c |
rgb(71,105,108) |
hsl(185,21%,35%) |
| #3c5a5d |
rgb(60,90,93) |
hsl(185,21%,30%) |
| #324b4d |
rgb(50,75,77) |
hsl(185,21%,25%) |
| #283c3e |
rgb(40,60,62) |
hsl(185,21%,20%) |
| #1e2d2e |
rgb(30,45,46) |
hsl(185,21%,15%) |
| #141e1f |
rgb(20,30,31) |
hsl(185,21%,10%) |
| #0a0f0f |
rgb(10,15,15) |
hsl(185,21%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #5A8C6E |
rgb(90,140,110) |
hsl(144,22%,45%) |
| #5A878B |
rgb(90,135,139) |
hsl(185,21%,45%) |
| #5A668B |
rgb(90,102,139) |
hsl(225,21%,45%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #80ABAD |
rgb(128,171,173) |
hsl(183,22%,59%) |
| #6A9C9E |
rgb(106,156,158) |
hsl(182,21%,52%) |
| #5A878B |
rgb(90,135,139) |
hsl(185,21%,45%) |
| #4B7074 |
rgb(75,112,116) |
hsl(186,21%,37%) |
| #3D5C5E |
rgb(61,92,94) |
hsl(184,21%,30%) |
| #2E4748 |
rgb(46,71,72) |
hsl(182,22%,23%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #5A878B |
rgb(90,135,139) |
hsl(185,21%,45%) |
| #8B596E |
rgb(139,89,110) |
hsl(335,22%,45%) |
| #8B755A |
rgb(139,117,90) |
hsl(33,21%,45%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #5A878B |
rgb(90,135,139) |
hsl(185,21%,45%) |
| #8B5E5A |
rgb(139,94,90) |
hsl(5,21%,45%) |
| #5A8C76 |
rgb(90,140,118) |
hsl(154,22%,45%) |
| #8B755A |
rgb(139,117,90) |
hsl(33,21%,45%) |
