HEX #678D98 color — Gothic
The color #678d98 is a light shade and slightly desaturated.
Palette
678d98 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 |
| #679982 |
rgb(103,153,130) |
hsl(152,20%,50%) |
| #678D98 |
rgb(103,141,152) |
hsl(193,19%,50%) |
| #676B98 |
rgb(103,107,152) |
hsl(235,19%,50%) |
Monochromatic colors
| HEX |
RGB |
HSL |
| #97B3B8 |
rgb(151,179,184) |
hsl(189,19%,66%) |
| #7F9EA8 |
rgb(127,158,168) |
hsl(195,19%,58%) |
| #678D98 |
rgb(103,141,152) |
hsl(193,19%,50%) |
| #56757F |
rgb(86,117,127) |
hsl(195,19%,42%) |
| #466167 |
rgb(70,97,103) |
hsl(191,19%,34%) |
| #354A4F |
rgb(53,74,79) |
hsl(192,20%,26%) |
Triad color palettes
| HEX |
RGB |
HSL |
| #678D98 |
rgb(103,141,152) |
hsl(193,19%,50%) |
| #986674 |
rgb(152,102,116) |
hsl(343,20%,50%) |
| #988A67 |
rgb(152,138,103) |
hsl(43,19%,50%) |
Tetrad color palettes
| HEX |
RGB |
HSL |
| #678D98 |
rgb(103,141,152) |
hsl(193,19%,50%) |
| #987367 |
rgb(152,115,103) |
hsl(15,19%,50%) |
| #67998A |
rgb(103,153,138) |
hsl(162,20%,50%) |
| #988A67 |
rgb(152,138,103) |
hsl(43,19%,50%) |
