HEX #5B878A color — Smalt Blue
The color #5B878A is a dark shade and slightly desaturated.
Palette
5B878A color palette from light to dark
HEX |
RGB |
HSL |
#f0f5f5 |
rgb(240,245,245) |
hsl(184,21%,95%) |
#e0eaeb |
rgb(224,234,235) |
hsl(184,21%,90%) |
#d1e0e1 |
rgb(209,224,225) |
hsl(184,21%,85%) |
#c1d5d7 |
rgb(193,213,215) |
hsl(184,21%,80%) |
#b2cbcd |
rgb(178,203,205) |
hsl(184,21%,75%) |
#a2c0c3 |
rgb(162,192,195) |
hsl(184,21%,70%) |
#93b6b8 |
rgb(147,182,184) |
hsl(184,21%,65%) |
#84acae |
rgb(132,172,174) |
hsl(184,21%,60%) |
#74a1a4 |
rgb(116,161,164) |
hsl(184,21%,55%) |
#65979a |
rgb(101,151,154) |
hsl(184,21%,50%) |
#5b888b |
rgb(91,136,139) |
hsl(184,21%,45%) |
#51797b |
rgb(81,121,123) |
hsl(184,21%,40%) |
#47696c |
rgb(71,105,108) |
hsl(184,21%,35%) |
#3c5a5d |
rgb(60,90,93) |
hsl(184,21%,30%) |
#324b4d |
rgb(50,75,77) |
hsl(184,21%,25%) |
#283c3e |
rgb(40,60,62) |
hsl(184,21%,20%) |
#1e2d2e |
rgb(30,45,46) |
hsl(184,21%,15%) |
#141e1f |
rgb(20,30,31) |
hsl(184,21%,10%) |
#0a0f0f |
rgb(10,15,15) |
hsl(184,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5B8A6D |
rgb(91,138,109) |
hsl(143,21%,45%) |
#5B878A |
rgb(91,135,138) |
hsl(184,21%,45%) |
#5B698A |
rgb(91,105,138) |
hsl(222,21%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#81ABAC |
rgb(129,171,172) |
hsl(181,21%,59%) |
#6B9C9D |
rgb(107,156,157) |
hsl(181,20%,52%) |
#5B878A |
rgb(91,135,138) |
hsl(184,21%,45%) |
#4C7073 |
rgb(76,112,115) |
hsl(185,20%,37%) |
#3D5C5D |
rgb(61,92,93) |
hsl(182,21%,30%) |
#2F4747 |
rgb(47,71,71) |
hsl(180,20%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#5B878A |
rgb(91,135,138) |
hsl(184,21%,45%) |
#8A5C6F |
rgb(138,92,111) |
hsl(335,20%,45%) |
#8A755B |
rgb(138,117,91) |
hsl(33,21%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5B878A |
rgb(91,135,138) |
hsl(184,21%,45%) |
#8A5E5B |
rgb(138,94,91) |
hsl(4,21%,45%) |
#5B8A75 |
rgb(91,138,117) |
hsl(153,21%,45%) |
#8A755B |
rgb(138,117,91) |
hsl(33,21%,45%) |