HEX #7896A2 color — Gumbo
The color #7896A2 is a light shade and slightly desaturated.
Palette
7896A2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(197,18%,95%) |
#e1e7ea |
rgb(225,231,234) |
hsl(197,18%,90%) |
#d2dce0 |
rgb(210,220,224) |
hsl(197,18%,85%) |
#c3d0d5 |
rgb(195,208,213) |
hsl(197,18%,80%) |
#b4c4cb |
rgb(180,196,203) |
hsl(197,18%,75%) |
#a5b8c0 |
rgb(165,184,192) |
hsl(197,18%,70%) |
#96adb6 |
rgb(150,173,182) |
hsl(197,18%,65%) |
#87a1ab |
rgb(135,161,171) |
hsl(197,18%,60%) |
#7895a1 |
rgb(120,149,161) |
hsl(197,18%,55%) |
#698996 |
rgb(105,137,150) |
hsl(197,18%,50%) |
#5e7c87 |
rgb(94,124,135) |
hsl(197,18%,45%) |
#546e78 |
rgb(84,110,120) |
hsl(197,18%,40%) |
#496069 |
rgb(73,96,105) |
hsl(197,18%,35%) |
#3f525a |
rgb(63,82,90) |
hsl(197,18%,30%) |
#34454b |
rgb(52,69,75) |
hsl(197,18%,25%) |
#2a373c |
rgb(42,55,60) |
hsl(197,18%,20%) |
#1f292d |
rgb(31,41,45) |
hsl(197,18%,15%) |
#151b1e |
rgb(21,27,30) |
hsl(197,18%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(197,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#78A392 |
rgb(120,163,146) |
hsl(156,19%,55%) |
#7896A2 |
rgb(120,150,162) |
hsl(197,18%,55%) |
#787AA2 |
rgb(120,122,162) |
hsl(237,18%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ADBFC6 |
rgb(173,191,198) |
hsl(197,18%,73%) |
#92ABB4 |
rgb(146,171,180) |
hsl(196,18%,64%) |
#7896A2 |
rgb(120,150,162) |
hsl(197,18%,55%) |
#60808C |
rgb(96,128,140) |
hsl(196,19%,46%) |
#4E6971 |
rgb(78,105,113) |
hsl(194,18%,37%) |
#3B4F56 |
rgb(59,79,86) |
hsl(196,19%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#7896A2 |
rgb(120,150,162) |
hsl(197,18%,55%) |
#A27881 |
rgb(162,120,129) |
hsl(347,18%,55%) |
#A29978 |
rgb(162,153,120) |
hsl(47,18%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7896A2 |
rgb(120,150,162) |
hsl(197,18%,55%) |
#A28578 |
rgb(162,133,120) |
hsl(19,18%,55%) |
#78A399 |
rgb(120,163,153) |
hsl(166,19%,55%) |
#A29978 |
rgb(162,153,120) |
hsl(47,18%,55%) |