HEX #677AA4 color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

677AA4 color palette from light to dark

HEX RGB HSL
#f5f7f9 rgb(245,247,249) hsl(221,25%,97%)
#e6e9f0 rgb(230,233,240) hsl(221,25%,92%)
#d6dbe6 rgb(214,219,230) hsl(221,25%,87%)
#c6cddd rgb(198,205,221) hsl(221,25%,82%)
#b6bfd3 rgb(182,191,211) hsl(221,25%,77%)
#a6b1c9 rgb(166,177,201) hsl(221,25%,72%)
#96a3c0 rgb(150,163,192) hsl(221,25%,67%)
#8695b6 rgb(134,149,182) hsl(221,25%,62%)
#7687ad rgb(118,135,173) hsl(221,25%,57%)
#6679a3 rgb(102,121,163) hsl(221,25%,52%)
#5a6d96 rgb(90,109,150) hsl(221,25%,47%)
#506186 rgb(80,97,134) hsl(221,25%,42%)
#475676 rgb(71,86,118) hsl(221,25%,37%)
#3d4a66 rgb(61,74,102) hsl(221,25%,32%)
#343f56 rgb(52,63,86) hsl(221,25%,27%)
#2a3346 rgb(42,51,70) hsl(221,25%,22%)
#212736 rgb(33,39,54) hsl(221,25%,17%)
#171c26 rgb(23,28,38) hsl(221,25%,12%)
#0d1016 rgb(13,16,22) hsl(221,25%,7%)
#040506 rgb(4,5,6) hsl(221,25%,2%)

Adjacent colors

HEX RGB HSL
#67A3A4 rgb(103,163,164) hsl(181,25%,52%)
#677AA4 rgb(103,122,164) hsl(221,25%,52%)
#7C66A4 rgb(124,102,164) hsl(261,25%,52%)

Monochromatic colors

HEX RGB HSL
#9CA8C4 rgb(156,168,196) hsl(222,25%,69%)
#8191B4 rgb(129,145,180) hsl(221,25%,61%)
#677AA4 rgb(103,122,164) hsl(221,25%,52%)
#53668C rgb(83,102,140) hsl(220,26%,44%)
#435271 rgb(67,82,113) hsl(220,26%,35%)
#334056 rgb(51,64,86) hsl(218,26%,27%)

Triad color palettes

HEX RGB HSL
#677AA4 rgb(103,122,164) hsl(221,25%,52%)
#A47367 rgb(164,115,103) hsl(12,25%,52%)
#98A367 rgb(152,163,103) hsl(71,25%,52%)

Tetrad color palettes

HEX RGB HSL
#677AA4 rgb(103,122,164) hsl(221,25%,52%)
#A49167 rgb(164,145,103) hsl(41,25%,52%)
#6799A4 rgb(103,153,164) hsl(191,25%,52%)
#98A367 rgb(152,163,103) hsl(71,25%,52%)