HEX #678E9E color — Gothic

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

Color codes

copy icon
copy icon
copy icon

Palette

678e9e color palette from light to dark

HEX RGB HSL
#f3f6f7 rgb(243,246,247) hsl(197,22%,96%)
#e3eaed rgb(227,234,237) hsl(197,22%,91%)
#d3dfe3 rgb(211,223,227) hsl(197,22%,86%)
#c4d3d9 rgb(196,211,217) hsl(197,22%,81%)
#b4c8cf rgb(180,200,207) hsl(197,22%,76%)
#a5bcc5 rgb(165,188,197) hsl(197,22%,71%)
#95b1bb rgb(149,177,187) hsl(197,22%,66%)
#86a5b1 rgb(134,165,177) hsl(197,22%,61%)
#7699a7 rgb(118,153,167) hsl(197,22%,56%)
#678e9e rgb(103,142,158) hsl(197,22%,51%)
#5b808f rgb(91,128,143) hsl(197,22%,46%)
#527380 rgb(82,115,128) hsl(197,22%,41%)
#486570 rgb(72,101,112) hsl(197,22%,36%)
#3e5760 rgb(62,87,96) hsl(197,22%,31%)
#344951 rgb(52,73,81) hsl(197,22%,26%)
#2a3b41 rgb(42,59,65) hsl(197,22%,21%)
#202d32 rgb(32,45,50) hsl(197,22%,16%)
#161f22 rgb(22,31,34) hsl(197,22%,11%)
#0c1113 rgb(12,17,19) hsl(197,22%,6%)
#020303 rgb(2,3,3) hsl(197,22%,1%)

Adjacent colors

HEX RGB HSL
#679E89 rgb(103,158,137) hsl(157,22%,51%)
#678E9E rgb(103,142,158) hsl(197,22%,51%)
#67699E rgb(103,105,158) hsl(238,22%,51%)

Monochromatic colors

HEX RGB HSL
#99B5BE rgb(153,181,190) hsl(195,22%,67%)
#80A1AE rgb(128,161,174) hsl(197,22%,59%)
#678E9E rgb(103,142,158) hsl(197,22%,51%)
#557885 rgb(85,120,133) hsl(196,22%,43%)
#45616C rgb(69,97,108) hsl(197,22%,35%)
#344A52 rgb(52,74,82) hsl(196,22%,26%)

Triad color palettes

HEX RGB HSL
#678E9E rgb(103,142,158) hsl(197,22%,51%)
#9E6672 rgb(158,102,114) hsl(347,22%,51%)
#9E9167 rgb(158,145,103) hsl(46,22%,51%)

Tetrad color palettes

HEX RGB HSL
#678E9E rgb(103,142,158) hsl(197,22%,51%)
#9E7867 rgb(158,120,103) hsl(19,22%,51%)
#679E92 rgb(103,158,146) hsl(167,22%,51%)
#9E9167 rgb(158,145,103) hsl(46,22%,51%)