HEX #688C9D color — Hoki

The color #688C9D is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

688C9D color palette from light to dark

HEX RGB HSL
#f3f6f7 rgb(243,246,247) hsl(199,21%,96%)
#e3eaed rgb(227,234,237) hsl(199,21%,91%)
#d4dee3 rgb(212,222,227) hsl(199,21%,86%)
#c4d2d9 rgb(196,210,217) hsl(199,21%,81%)
#b5c7cf rgb(181,199,207) hsl(199,21%,76%)
#a6bbc5 rgb(166,187,197) hsl(199,21%,71%)
#96afbb rgb(150,175,187) hsl(199,21%,66%)
#87a3b0 rgb(135,163,176) hsl(199,21%,61%)
#7797a6 rgb(119,151,166) hsl(199,21%,56%)
#688c9c rgb(104,140,156) hsl(199,21%,51%)
#5d7e8e rgb(93,126,142) hsl(199,21%,46%)
#53717f rgb(83,113,127) hsl(199,21%,41%)
#49636f rgb(73,99,111) hsl(199,21%,36%)
#3e5560 rgb(62,85,96) hsl(199,21%,31%)
#344750 rgb(52,71,80) hsl(199,21%,26%)
#2a3a41 rgb(42,58,65) hsl(199,21%,21%)
#202c31 rgb(32,44,49) hsl(199,21%,16%)
#161e22 rgb(22,30,34) hsl(199,21%,11%)
#0c1013 rgb(12,16,19) hsl(199,21%,6%)
#020303 rgb(2,3,3) hsl(199,21%,1%)

Adjacent colors

HEX RGB HSL
#689E8A rgb(104,158,138) hsl(158,22%,51%)
#688C9D rgb(104,140,157) hsl(199,21%,51%)
#68699D rgb(104,105,157) hsl(239,21%,51%)

Monochromatic colors

HEX RGB HSL
#9AB3BD rgb(154,179,189) hsl(197,21%,67%)
#819EAD rgb(129,158,173) hsl(200,21%,59%)
#688C9D rgb(104,140,157) hsl(199,21%,51%)
#567584 rgb(86,117,132) hsl(200,21%,43%)
#455E6B rgb(69,94,107) hsl(201,22%,35%)
#354A52 rgb(53,74,82) hsl(197,21%,26%)

Triad color palettes

HEX RGB HSL
#688C9D rgb(104,140,157) hsl(199,21%,51%)
#9D6971 rgb(157,105,113) hsl(351,21%,51%)
#9D9468 rgb(157,148,104) hsl(50,21%,51%)

Tetrad color palettes

HEX RGB HSL
#688C9D rgb(104,140,157) hsl(199,21%,51%)
#9D7868 rgb(157,120,104) hsl(18,21%,51%)
#689E93 rgb(104,158,147) hsl(168,22%,51%)
#9D9468 rgb(157,148,104) hsl(50,21%,51%)