HEX #56667A color — Shuttle Gray

The color #56667A is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

56667A color palette from light to dark

HEX RGB HSL
#f3f5f7 rgb(243,245,247) hsl(213,17%,96%)
#e4e8ec rgb(228,232,236) hsl(213,17%,91%)
#d5dbe1 rgb(213,219,225) hsl(213,17%,86%)
#c6ced7 rgb(198,206,215) hsl(213,17%,81%)
#b7c1cc rgb(183,193,204) hsl(213,17%,76%)
#a8b4c2 rgb(168,180,194) hsl(213,17%,71%)
#9aa7b7 rgb(154,167,183) hsl(213,17%,66%)
#8b9aac rgb(139,154,172) hsl(213,17%,61%)
#7c8da2 rgb(124,141,162) hsl(213,17%,56%)
#6d8097 rgb(109,128,151) hsl(213,17%,51%)
#617389 rgb(97,115,137) hsl(213,17%,46%)
#57677a rgb(87,103,122) hsl(213,17%,41%)
#4c5a6b rgb(76,90,107) hsl(213,17%,36%)
#424e5c rgb(66,78,92) hsl(213,17%,31%)
#37414e rgb(55,65,78) hsl(213,17%,26%)
#2c353f rgb(44,53,63) hsl(213,17%,21%)
#222830 rgb(34,40,48) hsl(213,17%,16%)
#171c21 rgb(23,28,33) hsl(213,17%,11%)
#0d0f12 rgb(13,15,18) hsl(213,17%,6%)
#020303 rgb(2,3,3) hsl(213,17%,1%)

Adjacent colors

HEX RGB HSL
#567A76 rgb(86,122,118) hsl(173,17%,41%)
#56667A rgb(86,102,122) hsl(213,17%,41%)
#5E577A rgb(94,87,122) hsl(252,17%,41%)

Monochromatic colors

HEX RGB HSL
#74879D rgb(116,135,157) hsl(212,17%,54%)
#63758D rgb(99,117,141) hsl(214,18%,47%)
#56667A rgb(86,102,122) hsl(213,17%,41%)
#485766 rgb(72,87,102) hsl(210,17%,34%)
#3A4552 rgb(58,69,82) hsl(213,17%,27%)
#2C363F rgb(44,54,63) hsl(208,18%,21%)

Triad color palettes

HEX RGB HSL
#56667A rgb(86,102,122) hsl(213,17%,41%)
#7A5956 rgb(122,89,86) hsl(5,17%,41%)
#787A56 rgb(120,122,86) hsl(63,17%,41%)

Tetrad color palettes

HEX RGB HSL
#56667A rgb(86,102,122) hsl(213,17%,41%)
#7A6B56 rgb(122,107,86) hsl(35,17%,41%)
#56787A rgb(86,120,122) hsl(183,17%,41%)
#787A56 rgb(120,122,86) hsl(63,17%,41%)