HEX #678F98 color — Gothic
The color #678F98 is a light shade and slightly desaturated.
Palette
678F98 color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(191,19%,95%) |
#e1e9ea |
rgb(225,233,234) |
hsl(191,19%,90%) |
#d1dde0 |
rgb(209,221,224) |
hsl(191,19%,85%) |
#c2d2d6 |
rgb(194,210,214) |
hsl(191,19%,80%) |
#b3c7cb |
rgb(179,199,203) |
hsl(191,19%,75%) |
#a4bcc1 |
rgb(164,188,193) |
hsl(191,19%,70%) |
#95b0b7 |
rgb(149,176,183) |
hsl(191,19%,65%) |
#86a5ac |
rgb(134,165,172) |
hsl(191,19%,60%) |
#769aa2 |
rgb(118,154,162) |
hsl(191,19%,55%) |
#678f98 |
rgb(103,143,152) |
hsl(191,19%,50%) |
#5d8189 |
rgb(93,129,137) |
hsl(191,19%,45%) |
#537279 |
rgb(83,114,121) |
hsl(191,19%,40%) |
#48646a |
rgb(72,100,106) |
hsl(191,19%,35%) |
#3e565b |
rgb(62,86,91) |
hsl(191,19%,30%) |
#34474c |
rgb(52,71,76) |
hsl(191,19%,25%) |
#29393d |
rgb(41,57,61) |
hsl(191,19%,20%) |
#1f2b2e |
rgb(31,43,46) |
hsl(191,19%,15%) |
#151d1e |
rgb(21,29,30) |
hsl(191,19%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(191,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#679980 |
rgb(103,153,128) |
hsl(150,20%,50%) |
#678F98 |
rgb(103,143,152) |
hsl(191,19%,50%) |
#676E98 |
rgb(103,110,152) |
hsl(231,19%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B3B8 |
rgb(151,179,184) |
hsl(189,19%,66%) |
#7FA1A8 |
rgb(127,161,168) |
hsl(190,19%,58%) |
#678F98 |
rgb(103,143,152) |
hsl(191,19%,50%) |
#56787F |
rgb(86,120,127) |
hsl(190,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 |
#678F98 |
rgb(103,143,152) |
hsl(191,19%,50%) |
#986676 |
rgb(152,102,118) |
hsl(341,20%,50%) |
#988A67 |
rgb(152,138,103) |
hsl(43,19%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678F98 |
rgb(103,143,152) |
hsl(191,19%,50%) |
#987067 |
rgb(152,112,103) |
hsl(11,19%,50%) |
#679988 |
rgb(103,153,136) |
hsl(160,20%,50%) |
#988A67 |
rgb(152,138,103) |
hsl(43,19%,50%) |