HEX #5F7A86 color — Slate Gray
The color #5f7a86 is a dark shade and slightly desaturated.
Palette
5f7a86 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f4 |
rgb(240,243,244) |
hsl(198,17%,95%) |
#e1e7ea |
rgb(225,231,234) |
hsl(198,17%,90%) |
#d2dbdf |
rgb(210,219,223) |
hsl(198,17%,85%) |
#c3cfd5 |
rgb(195,207,213) |
hsl(198,17%,80%) |
#b4c4ca |
rgb(180,196,202) |
hsl(198,17%,75%) |
#a5b8c0 |
rgb(165,184,192) |
hsl(198,17%,70%) |
#97acb5 |
rgb(151,172,181) |
hsl(198,17%,65%) |
#88a0aa |
rgb(136,160,170) |
hsl(198,17%,60%) |
#7994a0 |
rgb(121,148,160) |
hsl(198,17%,55%) |
#6a8895 |
rgb(106,136,149) |
hsl(198,17%,50%) |
#5f7b86 |
rgb(95,123,134) |
hsl(198,17%,45%) |
#556d77 |
rgb(85,109,119) |
hsl(198,17%,40%) |
#4a5f68 |
rgb(74,95,104) |
hsl(198,17%,35%) |
#3f525a |
rgb(63,82,90) |
hsl(198,17%,30%) |
#35444b |
rgb(53,68,75) |
hsl(198,17%,25%) |
#2a363c |
rgb(42,54,60) |
hsl(198,17%,20%) |
#20292d |
rgb(32,41,45) |
hsl(198,17%,15%) |
#151b1e |
rgb(21,27,30) |
hsl(198,17%,10%) |
#0b0e0f |
rgb(11,14,15) |
hsl(198,17%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#5F8778 |
rgb(95,135,120) |
hsl(158,17%,45%) |
#5F7A86 |
rgb(95,122,134) |
hsl(198,17%,45%) |
#5F6186 |
rgb(95,97,134) |
hsl(237,17%,45%) |
Monochromatic colors
HEX |
RGB |
HSL |
#859EA8 |
rgb(133,158,168) |
hsl(197,17%,59%) |
#708C99 |
rgb(112,140,153) |
hsl(199,17%,52%) |
#5F7A86 |
rgb(95,122,134) |
hsl(198,17%,45%) |
#4F6670 |
rgb(79,102,112) |
hsl(198,17%,37%) |
#40545B |
rgb(64,84,91) |
hsl(196,17%,30%) |
#314045 |
rgb(49,64,69) |
hsl(195,17%,23%) |
Triad color palettes
HEX |
RGB |
HSL |
#5F7A86 |
rgb(95,122,134) |
hsl(198,17%,45%) |
#865E66 |
rgb(134,94,102) |
hsl(348,18%,45%) |
#86805F |
rgb(134,128,95) |
hsl(51,17%,45%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5F7A86 |
rgb(95,122,134) |
hsl(198,17%,45%) |
#866B5F |
rgb(134,107,95) |
hsl(18,17%,45%) |
#5F877E |
rgb(95,135,126) |
hsl(167,17%,45%) |
#86805F |
rgb(134,128,95) |
hsl(51,17%,45%) |