HEX #667BA3 color — Hoki

The color #667ba3 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

667ba3 color palette from light to dark

HEX RGB HSL
#f5f7f9 rgb(245,247,249) hsl(219,25%,97%)
#e6e9f0 rgb(230,233,240) hsl(219,25%,92%)
#d6dbe6 rgb(214,219,230) hsl(219,25%,87%)
#c6cedd rgb(198,206,221) hsl(219,25%,82%)
#b6c0d3 rgb(182,192,211) hsl(219,25%,77%)
#a6b2c9 rgb(166,178,201) hsl(219,25%,72%)
#96a5c0 rgb(150,165,192) hsl(219,25%,67%)
#8697b6 rgb(134,151,182) hsl(219,25%,62%)
#7689ad rgb(118,137,173) hsl(219,25%,57%)
#667ba3 rgb(102,123,163) hsl(219,25%,52%)
#5a6f96 rgb(90,111,150) hsl(219,25%,47%)
#506386 rgb(80,99,134) hsl(219,25%,42%)
#475776 rgb(71,87,118) hsl(219,25%,37%)
#3d4b66 rgb(61,75,102) hsl(219,25%,32%)
#344056 rgb(52,64,86) hsl(219,25%,27%)
#2a3446 rgb(42,52,70) hsl(219,25%,22%)
#212836 rgb(33,40,54) hsl(219,25%,17%)
#171c26 rgb(23,28,38) hsl(219,25%,12%)
#0d1116 rgb(13,17,22) hsl(219,25%,7%)
#040506 rgb(4,5,6) hsl(219,25%,2%)

Adjacent colors

HEX RGB HSL
#66A3A2 rgb(102,163,162) hsl(179,25%,52%)
#667BA3 rgb(102,123,163) hsl(219,25%,52%)
#7966A3 rgb(121,102,163) hsl(259,25%,52%)

Monochromatic colors

HEX RGB HSL
#9AA8C2 rgb(154,168,194) hsl(219,25%,68%)
#8091B2 rgb(128,145,178) hsl(220,25%,60%)
#667BA3 rgb(102,123,163) hsl(219,25%,52%)
#53668B rgb(83,102,139) hsl(220,25%,44%)
#435470 rgb(67,84,112) hsl(217,25%,35%)
#334056 rgb(51,64,86) hsl(218,26%,27%)

Triad color palettes

HEX RGB HSL
#667BA3 rgb(102,123,163) hsl(219,25%,52%)
#A37066 rgb(163,112,102) hsl(10,25%,52%)
#99A366 rgb(153,163,102) hsl(70,25%,52%)

Tetrad color palettes

HEX RGB HSL
#667BA3 rgb(102,123,163) hsl(219,25%,52%)
#A38F66 rgb(163,143,102) hsl(40,25%,52%)
#6699A3 rgb(102,153,163) hsl(190,25%,52%)
#99A366 rgb(153,163,102) hsl(70,25%,52%)