HEX #6478A0 color — Hoki

The color #6478A0 is a dark shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

6478A0 color palette from light to dark

HEX RGB HSL
#f2f4f7 rgb(242,244,247) hsl(220,24%,96%)
#e3e6ee rgb(227,230,238) hsl(220,24%,91%)
#d3d8e4 rgb(211,216,228) hsl(220,24%,86%)
#c3cbda rgb(195,203,218) hsl(220,24%,81%)
#b3bdd0 rgb(179,189,208) hsl(220,24%,76%)
#a3afc7 rgb(163,175,199) hsl(220,24%,71%)
#93a1bd rgb(147,161,189) hsl(220,24%,66%)
#8494b3 rgb(132,148,179) hsl(220,24%,61%)
#7486aa rgb(116,134,170) hsl(220,24%,56%)
#6478a0 rgb(100,120,160) hsl(220,24%,51%)
#596c91 rgb(89,108,145) hsl(220,24%,46%)
#4f6082 rgb(79,96,130) hsl(220,24%,41%)
#465472 rgb(70,84,114) hsl(220,24%,36%)
#3c4962 rgb(60,73,98) hsl(220,24%,31%)
#323d52 rgb(50,61,82) hsl(220,24%,26%)
#293142 rgb(41,49,66) hsl(220,24%,21%)
#1f2633 rgb(31,38,51) hsl(220,24%,16%)
#151a23 rgb(21,26,35) hsl(220,24%,11%)
#0c0e13 rgb(12,14,19) hsl(220,24%,6%)
#020203 rgb(2,2,3) hsl(220,24%,1%)

Adjacent colors

HEX RGB HSL
#64A1A0 rgb(100,161,160) hsl(179,24%,51%)
#6478A0 rgb(100,120,160) hsl(220,24%,51%)
#7863A0 rgb(120,99,160) hsl(261,24%,51%)

Monochromatic colors

HEX RGB HSL
#97A6BF rgb(151,166,191) hsl(218,24%,67%)
#7D8FAF rgb(125,143,175) hsl(218,24%,59%)
#6478A0 rgb(100,120,160) hsl(220,24%,51%)
#526387 rgb(82,99,135) hsl(221,24%,43%)
#43526D rgb(67,82,109) hsl(219,24%,35%)
#333D53 rgb(51,61,83) hsl(221,24%,26%)

Triad color palettes

HEX RGB HSL
#6478A0 rgb(100,120,160) hsl(220,24%,51%)
#A06E64 rgb(160,110,100) hsl(10,24%,51%)
#96A164 rgb(150,161,100) hsl(71,24%,51%)

Tetrad color palettes

HEX RGB HSL
#6478A0 rgb(100,120,160) hsl(220,24%,51%)
#A08C64 rgb(160,140,100) hsl(40,24%,51%)
#6496A0 rgb(100,150,160) hsl(190,24%,51%)
#96A164 rgb(150,161,100) hsl(71,24%,51%)