HEX #688C9D color — Hoki
The color #688C9D is a light shade and slightly desaturated.
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%) |