HEX #678F96 color — Juniper
The color #678F96 is a light shade and slightly desaturated.
Palette
678F96 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(189,19%,95%) |
#e1e9ea |
rgb(225,233,234) |
hsl(189,19%,90%) |
#d1dee0 |
rgb(209,222,224) |
hsl(189,19%,85%) |
#c2d3d6 |
rgb(194,211,214) |
hsl(189,19%,80%) |
#b3c8cb |
rgb(179,200,203) |
hsl(189,19%,75%) |
#a4bdc1 |
rgb(164,189,193) |
hsl(189,19%,70%) |
#95b2b7 |
rgb(149,178,183) |
hsl(189,19%,65%) |
#86a7ac |
rgb(134,167,172) |
hsl(189,19%,60%) |
#769ca2 |
rgb(118,156,162) |
hsl(189,19%,55%) |
#679098 |
rgb(103,144,152) |
hsl(189,19%,50%) |
#5d8289 |
rgb(93,130,137) |
hsl(189,19%,45%) |
#537479 |
rgb(83,116,121) |
hsl(189,19%,40%) |
#48656a |
rgb(72,101,106) |
hsl(189,19%,35%) |
#3e575b |
rgb(62,87,91) |
hsl(189,19%,30%) |
#34484c |
rgb(52,72,76) |
hsl(189,19%,25%) |
#293a3d |
rgb(41,58,61) |
hsl(189,19%,20%) |
#1f2b2e |
rgb(31,43,46) |
hsl(189,19%,15%) |
#151d1e |
rgb(21,29,30) |
hsl(189,19%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(189,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#67967D |
rgb(103,150,125) |
hsl(148,19%,50%) |
#678F96 |
rgb(103,143,150) |
hsl(189,19%,50%) |
#677096 |
rgb(103,112,150) |
hsl(229,19%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#96B3B7 |
rgb(150,179,183) |
hsl(187,19%,65%) |
#7EA1A6 |
rgb(126,161,166) |
hsl(188,18%,57%) |
#678F96 |
rgb(103,143,150) |
hsl(189,19%,50%) |
#56787E |
rgb(86,120,126) |
hsl(189,19%,42%) |
#466166 |
rgb(70,97,102) |
hsl(189,19%,34%) |
#354A4E |
rgb(53,74,78) |
hsl(190,19%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#678F96 |
rgb(103,143,150) |
hsl(189,19%,50%) |
#966677 |
rgb(150,102,119) |
hsl(339,19%,49%) |
#968567 |
rgb(150,133,103) |
hsl(38,19%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678F96 |
rgb(103,143,150) |
hsl(189,19%,50%) |
#966E67 |
rgb(150,110,103) |
hsl(9,19%,50%) |
#679685 |
rgb(103,150,133) |
hsl(158,19%,50%) |
#968567 |
rgb(150,133,103) |
hsl(38,19%,50%) |