HEX #697CA5 color — Hoki

The color #697ca5 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

697ca5 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(221,25%,98%)
#e9ecf2 rgb(233,236,242) hsl(221,25%,93%)
#d9dee8 rgb(217,222,232) hsl(221,25%,88%)
#c9d0de rgb(201,208,222) hsl(221,25%,83%)
#b9c2d5 rgb(185,194,213) hsl(221,25%,78%)
#a9b4cb rgb(169,180,203) hsl(221,25%,73%)
#99a6c2 rgb(153,166,194) hsl(221,25%,68%)
#8998b8 rgb(137,152,184) hsl(221,25%,63%)
#798aaf rgb(121,138,175) hsl(221,25%,58%)
#697ca5 rgb(105,124,165) hsl(221,25%,53%)
#5c6f99 rgb(92,111,153) hsl(221,25%,48%)
#526489 rgb(82,100,137) hsl(221,25%,43%)
#495879 rgb(73,88,121) hsl(221,25%,38%)
#3f4c69 rgb(63,76,105) hsl(221,25%,33%)
#364159 rgb(54,65,89) hsl(221,25%,28%)
#2c3549 rgb(44,53,73) hsl(221,25%,23%)
#222a39 rgb(34,42,57) hsl(221,25%,18%)
#191e29 rgb(25,30,41) hsl(221,25%,13%)
#0f131a rgb(15,19,26) hsl(221,25%,8%)
#06070a rgb(6,7,10) hsl(221,25%,3%)

Adjacent colors

HEX RGB HSL
#69A3A5 rgb(105,163,165) hsl(182,25%,53%)
#697CA5 rgb(105,124,165) hsl(221,25%,53%)
#7E69A5 rgb(126,105,165) hsl(261,25%,53%)

Monochromatic colors

HEX RGB HSL
#9FABC5 rgb(159,171,197) hsl(221,25%,70%)
#8494B5 rgb(132,148,181) hsl(220,25%,61%)
#697CA5 rgb(105,124,165) hsl(221,25%,53%)
#55668D rgb(85,102,141) hsl(222,25%,44%)
#445472 rgb(68,84,114) hsl(219,25%,36%)
#344057 rgb(52,64,87) hsl(219,25%,27%)

Triad color palettes

HEX RGB HSL
#697CA5 rgb(105,124,165) hsl(221,25%,53%)
#A57369 rgb(165,115,105) hsl(10,25%,53%)
#9AA669 rgb(154,166,105) hsl(72,26%,53%)

Tetrad color palettes

HEX RGB HSL
#697CA5 rgb(105,124,165) hsl(221,25%,53%)
#A59169 rgb(165,145,105) hsl(40,25%,53%)
#6999A5 rgb(105,153,165) hsl(192,25%,53%)
#9AA669 rgb(154,166,105) hsl(72,26%,53%)