HEX #678F9C color — Gothic

The color #678F9C is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

678F9C color palette from light to dark

HEX RGB HSL
#f3f6f7 rgb(243,246,247) hsl(195,21%,96%)
#e3eaed rgb(227,234,237) hsl(195,21%,91%)
#d4dfe3 rgb(212,223,227) hsl(195,21%,86%)
#c4d4d9 rgb(196,212,217) hsl(195,21%,81%)
#b5c8cf rgb(181,200,207) hsl(195,21%,76%)
#a6bdc5 rgb(166,189,197) hsl(195,21%,71%)
#96b1bb rgb(150,177,187) hsl(195,21%,66%)
#87a6b0 rgb(135,166,176) hsl(195,21%,61%)
#779ba6 rgb(119,155,166) hsl(195,21%,56%)
#688f9c rgb(104,143,156) hsl(195,21%,51%)
#5d828e rgb(93,130,142) hsl(195,21%,46%)
#53747f rgb(83,116,127) hsl(195,21%,41%)
#49656f rgb(73,101,111) hsl(195,21%,36%)
#3e5760 rgb(62,87,96) hsl(195,21%,31%)
#344950 rgb(52,73,80) hsl(195,21%,26%)
#2a3b41 rgb(42,59,65) hsl(195,21%,21%)
#202d31 rgb(32,45,49) hsl(195,21%,16%)
#161f22 rgb(22,31,34) hsl(195,21%,11%)
#0c1113 rgb(12,17,19) hsl(195,21%,6%)
#020303 rgb(2,3,3) hsl(195,21%,1%)

Adjacent colors

HEX RGB HSL
#679C85 rgb(103,156,133) hsl(154,21%,51%)
#678F9C rgb(103,143,156) hsl(195,21%,51%)
#676B9C rgb(103,107,156) hsl(235,21%,51%)

Monochromatic colors

HEX RGB HSL
#99B5BC rgb(153,181,188) hsl(192,21%,67%)
#80A1AC rgb(128,161,172) hsl(195,21%,59%)
#678F9C rgb(103,143,156) hsl(195,21%,51%)
#557883 rgb(85,120,131) hsl(194,21%,42%)
#45616A rgb(69,97,106) hsl(195,21%,34%)
#354A51 rgb(53,74,81) hsl(195,21%,26%)

Triad color palettes

HEX RGB HSL
#678F9C rgb(103,143,156) hsl(195,21%,51%)
#9C6674 rgb(156,102,116) hsl(344,21%,51%)
#9C8F67 rgb(156,143,103) hsl(45,21%,51%)

Tetrad color palettes

HEX RGB HSL
#678F9C rgb(103,143,156) hsl(195,21%,51%)
#9C7367 rgb(156,115,103) hsl(14,21%,51%)
#679C8E rgb(103,156,142) hsl(164,21%,51%)
#9C8F67 rgb(156,143,103) hsl(45,21%,51%)