HEX #678A96 color — Gothic
The color #678A96 is a light shade and slightly desaturated.
Palette
678A96 color palette from light to dark
| HEX |
RGB |
HSL |
| #f0f3f5 |
rgb(240,243,245) |
hsl(195,19%,95%) |
| #e1e8ea |
rgb(225,232,234) |
hsl(195,19%,90%) |
| #d1dce0 |
rgb(209,220,224) |
hsl(195,19%,85%) |
| #c2d1d6 |
rgb(194,209,214) |
hsl(195,19%,80%) |
| #b3c5cb |
rgb(179,197,203) |
hsl(195,19%,75%) |
| #a4bac1 |
rgb(164,186,193) |
hsl(195,19%,70%) |
| #95aeb7 |
rgb(149,174,183) |
hsl(195,19%,65%) |
| #86a3ac |
rgb(134,163,172) |
hsl(195,19%,60%) |
| #7697a2 |
rgb(118,151,162) |
hsl(195,19%,55%) |
| #678c98 |
rgb(103,140,152) |
hsl(195,19%,50%) |
| #5d7e89 |
rgb(93,126,137) |
hsl(195,19%,45%) |
| #537079 |
rgb(83,112,121) |
hsl(195,19%,40%) |
| #48626a |
rgb(72,98,106) |
hsl(195,19%,35%) |
| #3e545b |
rgb(62,84,91) |
hsl(195,19%,30%) |
| #34464c |
rgb(52,70,76) |
hsl(195,19%,25%) |
| #29383d |
rgb(41,56,61) |
hsl(195,19%,20%) |
| #1f2a2e |
rgb(31,42,46) |
hsl(195,19%,15%) |
| #151c1e |
rgb(21,28,30) |
hsl(195,19%,10%) |
| #0a0e0f |
rgb(10,14,15) |
hsl(195,19%,5%) |
Adjacent colors
| HEX |
RGB |
HSL |
| #679682 |
rgb(103,150,130) |
hsl(154,19%,50%) |
| #678A96 |
rgb(103,138,150) |
hsl(195,19%,50%) |
| #676B96 |
rgb(103,107,150) |
hsl(235,19%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #96B0B7 |
rgb(150,176,183) |
hsl(193,19%,65%) |
| #7E9CA6 |
rgb(126,156,166) |
hsl(195,18%,57%) |
| #678A96 |
rgb(103,138,150) |
hsl(195,19%,50%) |
| #56737E |
rgb(86,115,126) |
hsl(197,19%,42%) |
| #465E66 |
rgb(70,94,102) |
hsl(195,19%,34%) |
| #35474E |
rgb(53,71,78) |
hsl(197,19%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #678A96 |
rgb(103,138,150) |
hsl(195,19%,50%) |
| #966672 |
rgb(150,102,114) |
hsl(345,19%,49%) |
| #968A67 |
rgb(150,138,103) |
hsl(45,19%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #678A96 |
rgb(103,138,150) |
hsl(195,19%,50%) |
| #967367 |
rgb(150,115,103) |
hsl(15,19%,50%) |
| #67968A |
rgb(103,150,138) |
hsl(165,19%,50%) |
| #968A67 |
rgb(150,138,103) |
hsl(45,19%,50%) |
