HEX #678A9F color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

678A9F color palette from light to dark

HEX RGB HSL
#f2f5f7 rgb(242,245,247) hsl(203,23%,96%)
#e3e9ed rgb(227,233,237) hsl(203,23%,91%)
#d3dde4 rgb(211,221,228) hsl(203,23%,86%)
#c3d1da rgb(195,209,218) hsl(203,23%,81%)
#b4c5d0 rgb(180,197,208) hsl(203,23%,76%)
#a4b9c6 rgb(164,185,198) hsl(203,23%,71%)
#94adbc rgb(148,173,188) hsl(203,23%,66%)
#85a1b2 rgb(133,161,178) hsl(203,23%,61%)
#7595a9 rgb(117,149,169) hsl(203,23%,56%)
#65899f rgb(101,137,159) hsl(203,23%,51%)
#5a7c90 rgb(90,124,144) hsl(203,23%,46%)
#516e81 rgb(81,110,129) hsl(203,23%,41%)
#476171 rgb(71,97,113) hsl(203,23%,36%)
#3d5361 rgb(61,83,97) hsl(203,23%,31%)
#334652 rgb(51,70,82) hsl(203,23%,26%)
#293842 rgb(41,56,66) hsl(203,23%,21%)
#1f2b32 rgb(31,43,50) hsl(203,23%,16%)
#161e23 rgb(22,30,35) hsl(203,23%,11%)
#0c1013 rgb(12,16,19) hsl(203,23%,6%)
#020303 rgb(2,3,3) hsl(203,23%,1%)

Adjacent colors

HEX RGB HSL
#679E8E rgb(103,158,142) hsl(163,22%,51%)
#678A9F rgb(103,138,159) hsl(203,23%,51%)
#69669F rgb(105,102,159) hsl(243,23%,51%)

Monochromatic colors

HEX RGB HSL
#9AB3BF rgb(154,179,191) hsl(199,22%,68%)
#809EAF rgb(128,158,175) hsl(202,23%,59%)
#678A9F rgb(103,138,159) hsl(203,23%,51%)
#557586 rgb(85,117,134) hsl(201,22%,43%)
#445E6D rgb(68,94,109) hsl(202,23%,35%)
#344753 rgb(52,71,83) hsl(203,23%,26%)

Triad color palettes

HEX RGB HSL
#678A9F rgb(103,138,159) hsl(203,23%,51%)
#9F666E rgb(159,102,110) hsl(352,23%,51%)
#9F9967 rgb(159,153,103) hsl(54,23%,51%)

Tetrad color palettes

HEX RGB HSL
#678A9F rgb(103,138,159) hsl(203,23%,51%)
#9F7D67 rgb(159,125,103) hsl(24,23%,51%)
#679E98 rgb(103,158,152) hsl(173,22%,51%)
#9F9967 rgb(159,153,103) hsl(54,23%,51%)