Color HEX #878F70, RGB(135,143,112)
Color name is Battleship Gray. The color #878f70 is a light shade and slightly desaturated.
Your selected color codes
Palette
878f70 color palette from light to dark
| HEX |
RGB |
HSL |
| #030302 |
rgb(3,3,2) |
hsl(75,12%,1%) |
| #050604 |
rgb(5,6,4) |
hsl(75,12%,2%) |
| #080907 |
rgb(8,9,7) |
hsl(75,12%,3%) |
| #0b0b09 |
rgb(11,11,9) |
hsl(75,12%,4%) |
| #0e0e0b |
rgb(14,14,11) |
hsl(75,12%,5%) |
| #10110d |
rgb(16,17,13) |
hsl(75,12%,6%) |
| #131410 |
rgb(19,20,16) |
hsl(75,12%,7%) |
| #161712 |
rgb(22,23,18) |
hsl(75,12%,8%) |
| #181a14 |
rgb(24,26,20) |
hsl(75,12%,9%) |
| #1b1d16 |
rgb(27,29,22) |
hsl(75,12%,10%) |
| #1e1f19 |
rgb(30,31,25) |
hsl(75,12%,11%) |
| #20221b |
rgb(32,34,27) |
hsl(75,12%,12%) |
| #23251d |
rgb(35,37,29) |
hsl(75,12%,13%) |
| #26281f |
rgb(38,40,31) |
hsl(75,12%,14%) |
| #292b22 |
rgb(41,43,34) |
hsl(75,12%,15%) |
| #2b2e24 |
rgb(43,46,36) |
hsl(75,12%,16%) |
| #2e3126 |
rgb(46,49,38) |
hsl(75,12%,17%) |
| #313328 |
rgb(49,51,40) |
hsl(75,12%,18%) |
| #33362b |
rgb(51,54,43) |
hsl(75,12%,19%) |
| #36392d |
rgb(54,57,45) |
hsl(75,12%,20%) |
| #393c2f |
rgb(57,60,47) |
hsl(75,12%,21%) |
| #3b3f31 |
rgb(59,63,49) |
hsl(75,12%,22%) |
| #3e4234 |
rgb(62,66,52) |
hsl(75,12%,23%) |
| #414536 |
rgb(65,69,54) |
hsl(75,12%,24%) |
| #444738 |
rgb(68,71,56) |
hsl(75,12%,25%) |
| #464a3a |
rgb(70,74,58) |
hsl(75,12%,26%) |
| #494d3d |
rgb(73,77,61) |
hsl(75,12%,27%) |
| #4c503f |
rgb(76,80,63) |
hsl(75,12%,28%) |
| #4e5341 |
rgb(78,83,65) |
hsl(75,12%,29%) |
| #515643 |
rgb(81,86,67) |
hsl(75,12%,30%) |
| #545946 |
rgb(84,89,70) |
hsl(75,12%,31%) |
| #565b48 |
rgb(86,91,72) |
hsl(75,12%,32%) |
| #595e4a |
rgb(89,94,74) |
hsl(75,12%,33%) |
| #5c614c |
rgb(92,97,76) |
hsl(75,12%,34%) |
| #5f644f |
rgb(95,100,79) |
hsl(75,12%,35%) |
| #616751 |
rgb(97,103,81) |
hsl(75,12%,36%) |
| #646a53 |
rgb(100,106,83) |
hsl(75,12%,37%) |
| #676d55 |
rgb(103,109,85) |
hsl(75,12%,38%) |
| #696f58 |
rgb(105,111,88) |
hsl(75,12%,39%) |
| #6c725a |
rgb(108,114,90) |
hsl(75,12%,40%) |
| #6f755c |
rgb(111,117,92) |
hsl(75,12%,41%) |
| #72785e |
rgb(114,120,94) |
hsl(75,12%,42%) |
| #747b60 |
rgb(116,123,96) |
hsl(75,12%,43%) |
| #777e63 |
rgb(119,126,99) |
hsl(75,12%,44%) |
| #7a8165 |
rgb(122,129,101) |
hsl(75,12%,45%) |
| #7c8367 |
rgb(124,131,103) |
hsl(75,12%,46%) |
| #7f8669 |
rgb(127,134,105) |
hsl(75,12%,47%) |
| #82896c |
rgb(130,137,108) |
hsl(75,12%,48%) |
| #848c6e |
rgb(132,140,110) |
hsl(75,12%,49%) |
| #878f70 |
rgb(135,143,112) |
hsl(75,12%,50%) |
| #8a9173 |
rgb(138,145,115) |
hsl(75,12%,51%) |
| #8c9376 |
rgb(140,147,118) |
hsl(75,12%,52%) |
| #8e9679 |
rgb(142,150,121) |
hsl(75,12%,53%) |
| #91987c |
rgb(145,152,124) |
hsl(75,12%,54%) |
| #939a7e |
rgb(147,154,126) |
hsl(75,12%,55%) |
| #969c81 |
rgb(150,156,129) |
hsl(75,12%,56%) |
| #989f84 |
rgb(152,159,132) |
hsl(75,12%,57%) |
| #9aa187 |
rgb(154,161,135) |
hsl(75,12%,58%) |
| #9da38a |
rgb(157,163,138) |
hsl(75,12%,59%) |
| #9fa58d |
rgb(159,165,141) |
hsl(75,12%,60%) |
| #a2a790 |
rgb(162,167,144) |
hsl(75,12%,61%) |
| #a4aa92 |
rgb(164,170,146) |
hsl(75,12%,62%) |
| #a6ac95 |
rgb(166,172,149) |
hsl(75,12%,63%) |
| #a9ae98 |
rgb(169,174,152) |
hsl(75,12%,64%) |
| #abb09b |
rgb(171,176,155) |
hsl(75,12%,65%) |
| #aeb39e |
rgb(174,179,158) |
hsl(75,12%,66%) |
| #b0b5a1 |
rgb(176,181,161) |
hsl(75,12%,67%) |
| #b2b7a4 |
rgb(178,183,164) |
hsl(75,12%,68%) |
| #b5b9a6 |
rgb(181,185,166) |
hsl(75,12%,69%) |
| #b7bca9 |
rgb(183,188,169) |
hsl(75,12%,70%) |
| #b9beac |
rgb(185,190,172) |
hsl(75,12%,71%) |
| #bcc0af |
rgb(188,192,175) |
hsl(75,12%,72%) |
| #bec2b2 |
rgb(190,194,178) |
hsl(75,12%,73%) |
| #c1c5b5 |
rgb(193,197,181) |
hsl(75,12%,74%) |
| #c3c7b8 |
rgb(195,199,184) |
hsl(75,12%,75%) |
| #c5c9ba |
rgb(197,201,186) |
hsl(75,12%,76%) |
| #c8cbbd |
rgb(200,203,189) |
hsl(75,12%,77%) |
| #cacec0 |
rgb(202,206,192) |
hsl(75,12%,78%) |
| #cdd0c3 |
rgb(205,208,195) |
hsl(75,12%,79%) |
| #cfd2c6 |
rgb(207,210,198) |
hsl(75,12%,80%) |
| #d1d4c9 |
rgb(209,212,201) |
hsl(75,12%,81%) |
| #d4d7cc |
rgb(212,215,204) |
hsl(75,12%,82%) |
| #d6d9ce |
rgb(214,217,206) |
hsl(75,12%,83%) |
| #d9dbd1 |
rgb(217,219,209) |
hsl(75,12%,84%) |
| #dbddd4 |
rgb(219,221,212) |
hsl(75,12%,85%) |
| #dde0d7 |
rgb(221,224,215) |
hsl(75,12%,86%) |
| #e0e2da |
rgb(224,226,218) |
hsl(75,12%,87%) |
| #e2e4dd |
rgb(226,228,221) |
hsl(75,12%,88%) |
| #e5e6e0 |
rgb(229,230,224) |
hsl(75,12%,89%) |
| #e7e9e2 |
rgb(231,233,226) |
hsl(75,12%,90%) |
| #e9ebe5 |
rgb(233,235,229) |
hsl(75,12%,91%) |
| #ecede8 |
rgb(236,237,232) |
hsl(75,12%,92%) |
| #eeefeb |
rgb(238,239,235) |
hsl(75,12%,93%) |
| #f1f2ee |
rgb(241,242,238) |
hsl(75,12%,94%) |
| #f3f4f1 |
rgb(243,244,241) |
hsl(75,12%,95%) |
| #f5f6f4 |
rgb(245,246,244) |
hsl(75,12%,96%) |
| #f8f8f6 |
rgb(248,248,246) |
hsl(75,12%,97%) |
| #fafbf9 |
rgb(250,251,249) |
hsl(75,12%,98%) |
| #fdfdfc |
rgb(253,253,252) |
hsl(75,12%,99%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #8f8270 |
rgb(143,130,112) |
hsl(35,12%,50%) |
| #878f70 |
rgb(135,143,112) |
hsl(75,12%,50%) |
| #728f70 |
rgb(114,143,112) |
hsl(116,12%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #adb39d |
rgb(173,179,157) |
hsl(76,13%,66%) |
| #9aa186 |
rgb(154,161,134) |
hsl(76,13%,58%) |
| #878f70 |
rgb(135,143,112) |
hsl(75,12%,50%) |
| #71785e |
rgb(113,120,94) |
hsl(76,12%,42%) |
| #5b614c |
rgb(91,97,76) |
hsl(77,12%,34%) |
| #464a3a |
rgb(70,74,58) |
hsl(75,12%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #878f70 |
rgb(135,143,112) |
hsl(75,12%,50%) |
| #70788f |
rgb(112,120,143) |
hsl(225,12%,50%) |
| #87708f |
rgb(135,112,143) |
hsl(285,12%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #878f70 |
rgb(135,143,112) |
hsl(75,12%,50%) |
| #78708f |
rgb(120,112,143) |
hsl(255,12%,50%) |
| #8f8770 |
rgb(143,135,112) |
hsl(45,12%,50%) |
| #87708f |
rgb(135,112,143) |
hsl(285,12%,50%) |
