HEX #697AA4 color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

697AA4 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(223,24%,98%)
#e9ebf1 rgb(233,235,241) hsl(223,24%,93%)
#d9dde8 rgb(217,221,232) hsl(223,24%,88%)
#c9cfde rgb(201,207,222) hsl(223,24%,83%)
#b9c1d4 rgb(185,193,212) hsl(223,24%,78%)
#aab3cb rgb(170,179,203) hsl(223,24%,73%)
#9aa5c1 rgb(154,165,193) hsl(223,24%,68%)
#8a97b7 rgb(138,151,183) hsl(223,24%,63%)
#7a89ae rgb(122,137,174) hsl(223,24%,58%)
#6a7ba4 rgb(106,123,164) hsl(223,24%,53%)
#5d6e98 rgb(93,110,152) hsl(223,24%,48%)
#536288 rgb(83,98,136) hsl(223,24%,43%)
#4a5778 rgb(74,87,120) hsl(223,24%,38%)
#404b68 rgb(64,75,104) hsl(223,24%,33%)
#364059 rgb(54,64,89) hsl(223,24%,28%)
#2d3549 rgb(45,53,73) hsl(223,24%,23%)
#232939 rgb(35,41,57) hsl(223,24%,18%)
#191e29 rgb(25,30,41) hsl(223,24%,13%)
#101219 rgb(16,18,25) hsl(223,24%,8%)
#060709 rgb(6,7,9) hsl(223,24%,3%)

Adjacent colors

HEX RGB HSL
#69A1A4 rgb(105,161,164) hsl(183,24%,53%)
#697AA4 rgb(105,122,164) hsl(223,24%,53%)
#7F69A4 rgb(127,105,164) hsl(262,24%,53%)

Monochromatic colors

HEX RGB HSL
#9EA8C4 rgb(158,168,196) hsl(224,24%,69%)
#8391B4 rgb(131,145,180) hsl(223,25%,61%)
#697AA4 rgb(105,122,164) hsl(223,24%,53%)
#55668C rgb(85,102,140) hsl(221,24%,44%)
#455271 rgb(69,82,113) hsl(222,24%,36%)
#344057 rgb(52,64,87) hsl(219,25%,27%)

Triad color palettes

HEX RGB HSL
#697AA4 rgb(105,122,164) hsl(223,24%,53%)
#A47569 rgb(164,117,105) hsl(12,24%,53%)
#97A369 rgb(151,163,105) hsl(72,24%,53%)

Tetrad color palettes

HEX RGB HSL
#697AA4 rgb(105,122,164) hsl(223,24%,53%)
#A49469 rgb(164,148,105) hsl(44,24%,53%)
#6996A4 rgb(105,150,164) hsl(194,24%,53%)
#97A369 rgb(151,163,105) hsl(72,24%,53%)