HEX #667AA3 color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

667aa3 color palette from light to dark

HEX RGB HSL
#f5f7f9 rgb(245,247,249) hsl(220,25%,97%)
#e6e9f0 rgb(230,233,240) hsl(220,25%,92%)
#d6dbe6 rgb(214,219,230) hsl(220,25%,87%)
#c6cddd rgb(198,205,221) hsl(220,25%,82%)
#b6bfd3 rgb(182,191,211) hsl(220,25%,77%)
#a6b2c9 rgb(166,178,201) hsl(220,25%,72%)
#96a4c0 rgb(150,164,192) hsl(220,25%,67%)
#8696b6 rgb(134,150,182) hsl(220,25%,62%)
#7688ad rgb(118,136,173) hsl(220,25%,57%)
#667aa3 rgb(102,122,163) hsl(220,25%,52%)
#5a6e96 rgb(90,110,150) hsl(220,25%,47%)
#506286 rgb(80,98,134) hsl(220,25%,42%)
#475676 rgb(71,86,118) hsl(220,25%,37%)
#3d4b66 rgb(61,75,102) hsl(220,25%,32%)
#343f56 rgb(52,63,86) hsl(220,25%,27%)
#2a3346 rgb(42,51,70) hsl(220,25%,22%)
#212836 rgb(33,40,54) hsl(220,25%,17%)
#171c26 rgb(23,28,38) hsl(220,25%,12%)
#0d1016 rgb(13,16,22) hsl(220,25%,7%)
#040506 rgb(4,5,6) hsl(220,25%,2%)

Adjacent colors

HEX RGB HSL
#66A3A3 rgb(102,163,163) hsl(180,25%,52%)
#667AA3 rgb(102,122,163) hsl(220,25%,52%)
#7A66A3 rgb(122,102,163) hsl(260,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%)
#667AA3 rgb(102,122,163) hsl(220,25%,52%)
#53668B rgb(83,102,139) hsl(220,25%,44%)
#435270 rgb(67,82,112) hsl(220,25%,35%)
#334056 rgb(51,64,86) hsl(218,26%,27%)

Triad color palettes

HEX RGB HSL
#667AA3 rgb(102,122,163) hsl(220,25%,52%)
#A37066 rgb(163,112,102) hsl(10,25%,52%)
#98A366 rgb(152,163,102) hsl(71,25%,52%)

Tetrad color palettes

HEX RGB HSL
#667AA3 rgb(102,122,163) hsl(220,25%,52%)
#A38F66 rgb(163,143,102) hsl(40,25%,52%)
#6699A3 rgb(102,153,163) hsl(190,25%,52%)
#98A366 rgb(152,163,102) hsl(71,25%,52%)