HEX #6686A3 color — Hoki

The color #6686a3 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

6686a3 color palette from light to dark

HEX RGB HSL
#f5f7f9 rgb(245,247,249) hsl(209,25%,97%)
#e6ebf0 rgb(230,235,240) hsl(209,25%,92%)
#d6dee6 rgb(214,222,230) hsl(209,25%,87%)
#c6d1dd rgb(198,209,221) hsl(209,25%,82%)
#b6c5d3 rgb(182,197,211) hsl(209,25%,77%)
#a6b8c9 rgb(166,184,201) hsl(209,25%,72%)
#96acc0 rgb(150,172,192) hsl(209,25%,67%)
#869fb6 rgb(134,159,182) hsl(209,25%,62%)
#7692ad rgb(118,146,173) hsl(209,25%,57%)
#6686a3 rgb(102,134,163) hsl(209,25%,52%)
#5a7996 rgb(90,121,150) hsl(209,25%,47%)
#506c86 rgb(80,108,134) hsl(209,25%,42%)
#475f76 rgb(71,95,118) hsl(209,25%,37%)
#3d5266 rgb(61,82,102) hsl(209,25%,32%)
#344556 rgb(52,69,86) hsl(209,25%,27%)
#2a3946 rgb(42,57,70) hsl(209,25%,22%)
#212c36 rgb(33,44,54) hsl(209,25%,17%)
#171f26 rgb(23,31,38) hsl(209,25%,12%)
#0d1216 rgb(13,18,22) hsl(209,25%,7%)
#040506 rgb(4,5,6) hsl(209,25%,2%)

Adjacent colors

HEX RGB HSL
#66A397 rgb(102,163,151) hsl(168,25%,52%)
#6686A3 rgb(102,134,163) hsl(209,25%,52%)
#6E66A3 rgb(110,102,163) hsl(248,25%,52%)

Monochromatic colors

HEX RGB HSL
#9AB0C2 rgb(154,176,194) hsl(207,25%,68%)
#809CB2 rgb(128,156,178) hsl(206,25%,60%)
#6686A3 rgb(102,134,163) hsl(209,25%,52%)
#53708B rgb(83,112,139) hsl(209,25%,44%)
#435C70 rgb(67,92,112) hsl(207,25%,35%)
#334556 rgb(51,69,86) hsl(209,26%,27%)

Triad color palettes

HEX RGB HSL
#6686A3 rgb(102,134,163) hsl(209,25%,52%)
#A36667 rgb(163,102,103) hsl(359,25%,52%)
#A3A166 rgb(163,161,102) hsl(58,25%,52%)

Tetrad color palettes

HEX RGB HSL
#6686A3 rgb(102,134,163) hsl(209,25%,52%)
#A38266 rgb(163,130,102) hsl(28,25%,52%)
#66A3A1 rgb(102,163,161) hsl(178,25%,52%)
#A3A166 rgb(163,161,102) hsl(58,25%,52%)