HEX #688AA0 color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

688AA0 color palette from light to dark

HEX RGB HSL
#f6f8f9 rgb(246,248,249) hsl(204,23%,97%)
#e6ecef rgb(230,236,239) hsl(204,23%,92%)
#d6dfe5 rgb(214,223,229) hsl(204,23%,87%)
#c7d3dc rgb(199,211,220) hsl(204,23%,82%)
#b7c7d2 rgb(183,199,210) hsl(204,23%,77%)
#a7bbc8 rgb(167,187,200) hsl(204,23%,72%)
#97afbe rgb(151,175,190) hsl(204,23%,67%)
#88a3b4 rgb(136,163,180) hsl(204,23%,62%)
#7896ab rgb(120,150,171) hsl(204,23%,57%)
#688aa1 rgb(104,138,161) hsl(204,23%,52%)
#5c7d93 rgb(92,125,147) hsl(204,23%,47%)
#527084 rgb(82,112,132) hsl(204,23%,42%)
#496374 rgb(73,99,116) hsl(204,23%,37%)
#3f5564 rgb(63,85,100) hsl(204,23%,32%)
#354855 rgb(53,72,85) hsl(204,23%,27%)
#2b3b45 rgb(43,59,69) hsl(204,23%,22%)
#212d35 rgb(33,45,53) hsl(204,23%,17%)
#182026 rgb(24,32,38) hsl(204,23%,12%)
#0e1316 rgb(14,19,22) hsl(204,23%,7%)
#040506 rgb(4,5,6) hsl(204,23%,2%)

Adjacent colors

HEX RGB HSL
#68A190 rgb(104,161,144) hsl(162,23%,52%)
#688AA0 rgb(104,138,160) hsl(204,23%,52%)
#6B69A0 rgb(107,105,160) hsl(242,22%,52%)

Monochromatic colors

HEX RGB HSL
#9BB3C0 rgb(155,179,192) hsl(201,23%,68%)
#819EB0 rgb(129,158,176) hsl(203,23%,60%)
#688AA0 rgb(104,138,160) hsl(204,23%,52%)
#557588 rgb(85,117,136) hsl(202,23%,43%)
#455E6E rgb(69,94,110) hsl(203,23%,35%)
#354754 rgb(53,71,84) hsl(205,23%,27%)

Triad color palettes

HEX RGB HSL
#688AA0 rgb(104,138,160) hsl(204,23%,52%)
#A0696E rgb(160,105,110) hsl(355,22%,52%)
#A09968 rgb(160,153,104) hsl(53,23%,52%)

Tetrad color palettes

HEX RGB HSL
#688AA0 rgb(104,138,160) hsl(204,23%,52%)
#A07D68 rgb(160,125,104) hsl(23,23%,52%)
#68A19A rgb(104,161,154) hsl(173,23%,52%)
#A09968 rgb(160,153,104) hsl(53,23%,52%)