HEX #5A878E color — Smalt Blue
The color #5A878E is a dark shade and slightly desaturated.
Palette
5A878E color palette from light to dark
HEX |
RGB |
HSL |
#eff4f5 |
rgb(239,244,245) |
hsl(188,22%,95%) |
#e0eaeb |
rgb(224,234,235) |
hsl(188,22%,90%) |
#d0dfe1 |
rgb(208,223,225) |
hsl(188,22%,85%) |
#c1d4d7 |
rgb(193,212,215) |
hsl(188,22%,80%) |
#b1cacd |
rgb(177,202,205) |
hsl(188,22%,75%) |
#a2bfc3 |
rgb(162,191,195) |
hsl(188,22%,70%) |
#92b4b9 |
rgb(146,180,185) |
hsl(188,22%,65%) |
#83a9af |
rgb(131,169,175) |
hsl(188,22%,60%) |
#739fa5 |
rgb(115,159,165) |
hsl(188,22%,55%) |
#63949c |
rgb(99,148,156) |
hsl(188,22%,50%) |
#5a858c |
rgb(90,133,140) |
hsl(188,22%,45%) |
#50767c |
rgb(80,118,124) |
hsl(188,22%,40%) |
#46686d |
rgb(70,104,109) |
hsl(188,22%,35%) |
#3c595d |
rgb(60,89,93) |
hsl(188,22%,30%) |
#324a4e |
rgb(50,74,78) |
hsl(188,22%,25%) |
#283b3e |
rgb(40,59,62) |
hsl(188,22%,20%) |
#1e2c2f |
rgb(30,44,47) |
hsl(188,22%,15%) |
#141e1f |
rgb(20,30,31) |
hsl(188,22%,10%) |
#0a0f10 |
rgb(10,15,16) |
hsl(188,22%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5A8F72 |
rgb(90,143,114) |
hsl(147,23%,46%) |
#5A878E |
rgb(90,135,142) |
hsl(188,22%,45%) |
#5A638E |
rgb(90,99,142) |
hsl(230,22%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#82ABAF |
rgb(130,171,175) |
hsl(185,22%,60%) |
#6B9CA1 |
rgb(107,156,161) |
hsl(186,22%,53%) |
#5A878E |
rgb(90,135,142) |
hsl(188,22%,45%) |
#4B7077 |
rgb(75,112,119) |
hsl(190,23%,38%) |
#3D5C60 |
rgb(61,92,96) |
hsl(187,22%,31%) |
#2E4749 |
rgb(46,71,73) |
hsl(184,23%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A878E |
rgb(90,135,142) |
hsl(188,22%,45%) |
#8E596D |
rgb(142,89,109) |
hsl(337,23%,45%) |
#8E7A5A |
rgb(142,122,90) |
hsl(37,22%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A878E |
rgb(90,135,142) |
hsl(188,22%,45%) |
#8E615A |
rgb(142,97,90) |
hsl(8,22%,45%) |
#5A8F7B |
rgb(90,143,123) |
hsl(157,23%,46%) |
#8E7A5A |
rgb(142,122,90) |
hsl(37,22%,45%) |