HEX #688A9E color — Hoki
The color #688A9E is a light shade and slightly desaturated.
Palette
688A9E color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(202,22%,96%) |
#e3e9ed |
rgb(227,233,237) |
hsl(202,22%,91%) |
#d3dde3 |
rgb(211,221,227) |
hsl(202,22%,86%) |
#c4d1d9 |
rgb(196,209,217) |
hsl(202,22%,81%) |
#b4c5cf |
rgb(180,197,207) |
hsl(202,22%,76%) |
#a5b9c5 |
rgb(165,185,197) |
hsl(202,22%,71%) |
#95adbb |
rgb(149,173,187) |
hsl(202,22%,66%) |
#86a1b1 |
rgb(134,161,177) |
hsl(202,22%,61%) |
#7695a7 |
rgb(118,149,167) |
hsl(202,22%,56%) |
#67899e |
rgb(103,137,158) |
hsl(202,22%,51%) |
#5b7c8f |
rgb(91,124,143) |
hsl(202,22%,46%) |
#526f80 |
rgb(82,111,128) |
hsl(202,22%,41%) |
#486170 |
rgb(72,97,112) |
hsl(202,22%,36%) |
#3e5460 |
rgb(62,84,96) |
hsl(202,22%,31%) |
#344651 |
rgb(52,70,81) |
hsl(202,22%,26%) |
#2a3941 |
rgb(42,57,65) |
hsl(202,22%,21%) |
#202b32 |
rgb(32,43,50) |
hsl(202,22%,16%) |
#161e22 |
rgb(22,30,34) |
hsl(202,22%,11%) |
#0c1013 |
rgb(12,16,19) |
hsl(202,22%,6%) |
#020303 |
rgb(2,3,3) |
hsl(202,22%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#689E8E |
rgb(104,158,142) |
hsl(162,22%,51%) |
#688A9E |
rgb(104,138,158) |
hsl(202,22%,51%) |
#6A699E |
rgb(106,105,158) |
hsl(241,21%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BB3BE |
rgb(155,179,190) |
hsl(199,21%,68%) |
#819EAE |
rgb(129,158,174) |
hsl(201,22%,59%) |
#688A9E |
rgb(104,138,158) |
hsl(202,22%,51%) |
#567586 |
rgb(86,117,134) |
hsl(201,22%,43%) |
#455E6C |
rgb(69,94,108) |
hsl(202,22%,35%) |
#354752 |
rgb(53,71,82) |
hsl(203,21%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#688A9E |
rgb(104,138,158) |
hsl(202,22%,51%) |
#9E696F |
rgb(158,105,111) |
hsl(353,21%,52%) |
#9E9668 |
rgb(158,150,104) |
hsl(51,22%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#688A9E |
rgb(104,138,158) |
hsl(202,22%,51%) |
#9E7D68 |
rgb(158,125,104) |
hsl(23,22%,51%) |
#689E97 |
rgb(104,158,151) |
hsl(172,22%,51%) |
#9E9668 |
rgb(158,150,104) |
hsl(51,22%,51%) |