HEX #678C97 color — Gothic
The color #678C97 is a light shade and slightly desaturated.
Palette
678C97 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(194,19%,95%) |
#e1e8ea |
rgb(225,232,234) |
hsl(194,19%,90%) |
#d1dde0 |
rgb(209,221,224) |
hsl(194,19%,85%) |
#c2d1d6 |
rgb(194,209,214) |
hsl(194,19%,80%) |
#b3c6cb |
rgb(179,198,203) |
hsl(194,19%,75%) |
#a4bac1 |
rgb(164,186,193) |
hsl(194,19%,70%) |
#95afb7 |
rgb(149,175,183) |
hsl(194,19%,65%) |
#86a3ac |
rgb(134,163,172) |
hsl(194,19%,60%) |
#7698a2 |
rgb(118,152,162) |
hsl(194,19%,55%) |
#678c98 |
rgb(103,140,152) |
hsl(194,19%,50%) |
#5d7e89 |
rgb(93,126,137) |
hsl(194,19%,45%) |
#537079 |
rgb(83,112,121) |
hsl(194,19%,40%) |
#48626a |
rgb(72,98,106) |
hsl(194,19%,35%) |
#3e545b |
rgb(62,84,91) |
hsl(194,19%,30%) |
#34464c |
rgb(52,70,76) |
hsl(194,19%,25%) |
#29383d |
rgb(41,56,61) |
hsl(194,19%,20%) |
#1f2a2e |
rgb(31,42,46) |
hsl(194,19%,15%) |
#151c1e |
rgb(21,28,30) |
hsl(194,19%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(194,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#679682 |
rgb(103,150,130) |
hsl(154,19%,50%) |
#678C97 |
rgb(103,140,151) |
hsl(194,19%,50%) |
#676B97 |
rgb(103,107,151) |
hsl(235,19%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B0B8 |
rgb(151,176,184) |
hsl(195,19%,66%) |
#7E9EA7 |
rgb(126,158,167) |
hsl(193,19%,57%) |
#678C97 |
rgb(103,140,151) |
hsl(194,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 |
#678C97 |
rgb(103,140,151) |
hsl(194,19%,50%) |
#976674 |
rgb(151,102,116) |
hsl(343,19%,50%) |
#978A67 |
rgb(151,138,103) |
hsl(44,19%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678C97 |
rgb(103,140,151) |
hsl(194,19%,50%) |
#977367 |
rgb(151,115,103) |
hsl(15,19%,50%) |
#67968A |
rgb(103,150,138) |
hsl(165,19%,50%) |
#978A67 |
rgb(151,138,103) |
hsl(44,19%,50%) |