HEX #8BA877 color — Sage
The color #8BA877 is a light shade and slightly desaturated.
Palette
8BA877 color palette from light to dark
| HEX |
RGB |
HSL |
| #f4f7f3 |
rgb(244,247,243) |
hsl(96,22%,96%) |
| #e7ede3 |
rgb(231,237,227) |
hsl(96,22%,91%) |
| #dae3d3 |
rgb(218,227,211) |
hsl(96,22%,86%) |
| #ccd9c4 |
rgb(204,217,196) |
hsl(96,22%,81%) |
| #bfcfb4 |
rgb(191,207,180) |
hsl(96,22%,76%) |
| #b2c5a5 |
rgb(178,197,165) |
hsl(96,22%,71%) |
| #a4bb95 |
rgb(164,187,149) |
hsl(96,22%,66%) |
| #97b186 |
rgb(151,177,134) |
hsl(96,22%,61%) |
| #8aa776 |
rgb(138,167,118) |
hsl(96,22%,56%) |
| #7d9e67 |
rgb(125,158,103) |
hsl(96,22%,51%) |
| #708f5b |
rgb(112,143,91) |
hsl(96,22%,46%) |
| #648052 |
rgb(100,128,82) |
hsl(96,22%,41%) |
| #587048 |
rgb(88,112,72) |
hsl(96,22%,36%) |
| #4c603e |
rgb(76,96,62) |
hsl(96,22%,31%) |
| #3f5134 |
rgb(63,81,52) |
hsl(96,22%,26%) |
| #33412a |
rgb(51,65,42) |
hsl(96,22%,21%) |
| #273220 |
rgb(39,50,32) |
hsl(96,22%,16%) |
| #1b2216 |
rgb(27,34,22) |
hsl(96,22%,11%) |
| #0f130c |
rgb(15,19,12) |
hsl(96,22%,6%) |
| #020302 |
rgb(2,3,2) |
hsl(96,22%,1%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #A8A377 |
rgb(168,163,119) |
hsl(54,22%,56%) |
| #8BA877 |
rgb(139,168,119) |
hsl(96,22%,56%) |
| #77A883 |
rgb(119,168,131) |
hsl(135,22%,56%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #BACCAF |
rgb(186,204,175) |
hsl(97,22%,74%) |
| #A2BA93 |
rgb(162,186,147) |
hsl(97,22%,65%) |
| #8BA877 |
rgb(139,168,119) |
hsl(96,22%,56%) |
| #73945E |
rgb(115,148,94) |
hsl(97,22%,47%) |
| #5D784C |
rgb(93,120,76) |
hsl(97,22%,38%) |
| #475C3A |
rgb(71,92,58) |
hsl(97,23%,29%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #8BA877 |
rgb(139,168,119) |
hsl(96,22%,56%) |
| #7B78A8 |
rgb(123,120,168) |
hsl(244,22%,56%) |
| #A878A3 |
rgb(168,120,163) |
hsl(306,22%,56%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #8BA877 |
rgb(139,168,119) |
hsl(96,22%,56%) |
| #9478A8 |
rgb(148,120,168) |
hsl(275,22%,56%) |
| #A3A877 |
rgb(163,168,119) |
hsl(66,22%,56%) |
| #A878A3 |
rgb(168,120,163) |
hsl(306,22%,56%) |
