HEX #678C96 color — Juniper
The color #678C96 is a light shade and slightly desaturated.
Palette
678C96 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(193,19%,95%) |
#e1e8ea |
rgb(225,232,234) |
hsl(193,19%,90%) |
#d1dde0 |
rgb(209,221,224) |
hsl(193,19%,85%) |
#c2d1d6 |
rgb(194,209,214) |
hsl(193,19%,80%) |
#b3c6cb |
rgb(179,198,203) |
hsl(193,19%,75%) |
#a4bbc1 |
rgb(164,187,193) |
hsl(193,19%,70%) |
#95afb7 |
rgb(149,175,183) |
hsl(193,19%,65%) |
#86a4ac |
rgb(134,164,172) |
hsl(193,19%,60%) |
#7699a2 |
rgb(118,153,162) |
hsl(193,19%,55%) |
#678d98 |
rgb(103,141,152) |
hsl(193,19%,50%) |
#5d7f89 |
rgb(93,127,137) |
hsl(193,19%,45%) |
#537179 |
rgb(83,113,121) |
hsl(193,19%,40%) |
#48636a |
rgb(72,99,106) |
hsl(193,19%,35%) |
#3e555b |
rgb(62,85,91) |
hsl(193,19%,30%) |
#34474c |
rgb(52,71,76) |
hsl(193,19%,25%) |
#29383d |
rgb(41,56,61) |
hsl(193,19%,20%) |
#1f2a2e |
rgb(31,42,46) |
hsl(193,19%,15%) |
#151c1e |
rgb(21,28,30) |
hsl(193,19%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(193,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#679680 |
rgb(103,150,128) |
hsl(152,19%,50%) |
#678C96 |
rgb(103,140,150) |
hsl(193,19%,50%) |
#676E96 |
rgb(103,110,150) |
hsl(231,19%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B0B7 |
rgb(150,176,183) |
hsl(193,19%,65%) |
#7E9EA6 |
rgb(126,158,166) |
hsl(192,18%,57%) |
#678C96 |
rgb(103,140,150) |
hsl(193,19%,50%) |
#56757E |
rgb(86,117,126) |
hsl(194,19%,42%) |
#465E66 |
rgb(70,94,102) |
hsl(195,19%,34%) |
#354A4E |
rgb(53,74,78) |
hsl(190,19%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#678C96 |
rgb(103,140,150) |
hsl(193,19%,50%) |
#966674 |
rgb(150,102,116) |
hsl(343,19%,49%) |
#968A67 |
rgb(150,138,103) |
hsl(45,19%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678C96 |
rgb(103,140,150) |
hsl(193,19%,50%) |
#967067 |
rgb(150,112,103) |
hsl(11,19%,50%) |
#679688 |
rgb(103,150,136) |
hsl(162,19%,50%) |
#968A67 |
rgb(150,138,103) |
hsl(45,19%,50%) |