HEX #96A677 color — Sage
The color #96A677 is a light shade and slightly desaturated.
Palette
96A677 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f3 |
rgb(246,247,243) |
hsl(80,21%,96%) |
#eaede3 |
rgb(234,237,227) |
hsl(80,21%,91%) |
#dee3d4 |
rgb(222,227,212) |
hsl(80,21%,86%) |
#d2d9c4 |
rgb(210,217,196) |
hsl(80,21%,81%) |
#c6cfb5 |
rgb(198,207,181) |
hsl(80,21%,76%) |
#bac5a6 |
rgb(186,197,166) |
hsl(80,21%,71%) |
#aebb96 |
rgb(174,187,150) |
hsl(80,21%,66%) |
#a3b087 |
rgb(163,176,135) |
hsl(80,21%,61%) |
#97a677 |
rgb(151,166,119) |
hsl(80,21%,56%) |
#8b9c68 |
rgb(139,156,104) |
hsl(80,21%,51%) |
#7e8e5d |
rgb(126,142,93) |
hsl(80,21%,46%) |
#707f53 |
rgb(112,127,83) |
hsl(80,21%,41%) |
#626f49 |
rgb(98,111,73) |
hsl(80,21%,36%) |
#55603e |
rgb(85,96,62) |
hsl(80,21%,31%) |
#475034 |
rgb(71,80,52) |
hsl(80,21%,26%) |
#39412a |
rgb(57,65,42) |
hsl(80,21%,21%) |
#2c3120 |
rgb(44,49,32) |
hsl(80,21%,16%) |
#1e2216 |
rgb(30,34,22) |
hsl(80,21%,11%) |
#10130c |
rgb(16,19,12) |
hsl(80,21%,6%) |
#030302 |
rgb(3,3,2) |
hsl(80,21%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#A69677 |
rgb(166,150,119) |
hsl(40,21%,56%) |
#96A677 |
rgb(150,166,119) |
hsl(80,21%,56%) |
#77A677 |
rgb(119,166,119) |
hsl(120,21%,56%) |
Monochromatic colors
HEX |
RGB |
HSL |
#C0C9AE |
rgb(192,201,174) |
hsl(80,20%,74%) |
#ABB892 |
rgb(171,184,146) |
hsl(81,21%,65%) |
#96A677 |
rgb(150,166,119) |
hsl(80,21%,56%) |
#7F915E |
rgb(127,145,94) |
hsl(81,21%,47%) |
#67754C |
rgb(103,117,76) |
hsl(80,21%,38%) |
#4F593A |
rgb(79,89,58) |
hsl(79,21%,29%) |
Triad color palettes
HEX |
RGB |
HSL |
#96A677 |
rgb(150,166,119) |
hsl(80,21%,56%) |
#7780A6 |
rgb(119,128,166) |
hsl(229,21%,56%) |
#9E78A6 |
rgb(158,120,166) |
hsl(290,21%,56%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#96A677 |
rgb(150,166,119) |
hsl(80,21%,56%) |
#8778A6 |
rgb(135,120,166) |
hsl(260,21%,56%) |
#A69E77 |
rgb(166,158,119) |
hsl(50,21%,56%) |
#9E78A6 |
rgb(158,120,166) |
hsl(290,21%,56%) |