HEX #697DA4 color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

697DA4 color palette from light to dark

HEX RGB HSL
#f9f9fb rgb(249,249,251) hsl(220,24%,98%)
#e9ecf1 rgb(233,236,241) hsl(220,24%,93%)
#d9dee8 rgb(217,222,232) hsl(220,24%,88%)
#c9d0de rgb(201,208,222) hsl(220,24%,83%)
#b9c2d4 rgb(185,194,212) hsl(220,24%,78%)
#aab5cb rgb(170,181,203) hsl(220,24%,73%)
#9aa7c1 rgb(154,167,193) hsl(220,24%,68%)
#8a99b7 rgb(138,153,183) hsl(220,24%,63%)
#7a8bae rgb(122,139,174) hsl(220,24%,58%)
#6a7ea4 rgb(106,126,164) hsl(220,24%,53%)
#5d7198 rgb(93,113,152) hsl(220,24%,48%)
#536588 rgb(83,101,136) hsl(220,24%,43%)
#4a5978 rgb(74,89,120) hsl(220,24%,38%)
#404d68 rgb(64,77,104) hsl(220,24%,33%)
#364259 rgb(54,66,89) hsl(220,24%,28%)
#2d3649 rgb(45,54,73) hsl(220,24%,23%)
#232a39 rgb(35,42,57) hsl(220,24%,18%)
#191e29 rgb(25,30,41) hsl(220,24%,13%)
#101319 rgb(16,19,25) hsl(220,24%,8%)
#060709 rgb(6,7,9) hsl(220,24%,3%)

Adjacent colors

HEX RGB HSL
#69A3A3 rgb(105,163,163) hsl(180,24%,53%)
#697DA4 rgb(105,125,164) hsl(220,24%,53%)
#7C69A4 rgb(124,105,164) hsl(259,24%,53%)

Monochromatic colors

HEX RGB HSL
#9EABC4 rgb(158,171,196) hsl(219,24%,69%)
#8394B4 rgb(131,148,180) hsl(219,25%,61%)
#697DA4 rgb(105,125,164) hsl(220,24%,53%)
#55698C rgb(85,105,140) hsl(218,24%,44%)
#455471 rgb(69,84,113) hsl(220,24%,36%)
#344057 rgb(52,64,87) hsl(219,25%,27%)

Triad color palettes

HEX RGB HSL
#697DA4 rgb(105,125,164) hsl(220,24%,53%)
#A47369 rgb(164,115,105) hsl(10,24%,53%)
#9AA369 rgb(154,163,105) hsl(69,24%,53%)

Tetrad color palettes

HEX RGB HSL
#697DA4 rgb(105,125,164) hsl(220,24%,53%)
#A48F69 rgb(164,143,105) hsl(39,24%,53%)
#699CA4 rgb(105,156,164) hsl(188,24%,53%)
#9AA369 rgb(154,163,105) hsl(69,24%,53%)