HEX #648CA0 color — Hoki

The color #648CA0 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

648CA0 color palette from light to dark

HEX RGB HSL
#f2f6f7 rgb(242,246,247) hsl(200,24%,96%)
#e3eaee rgb(227,234,238) hsl(200,24%,91%)
#d3dee4 rgb(211,222,228) hsl(200,24%,86%)
#c3d2da rgb(195,210,218) hsl(200,24%,81%)
#b3c7d0 rgb(179,199,208) hsl(200,24%,76%)
#a3bbc7 rgb(163,187,199) hsl(200,24%,71%)
#93afbd rgb(147,175,189) hsl(200,24%,66%)
#84a4b3 rgb(132,164,179) hsl(200,24%,61%)
#7498aa rgb(116,152,170) hsl(200,24%,56%)
#648ca0 rgb(100,140,160) hsl(200,24%,51%)
#597f91 rgb(89,127,145) hsl(200,24%,46%)
#4f7182 rgb(79,113,130) hsl(200,24%,41%)
#466372 rgb(70,99,114) hsl(200,24%,36%)
#3c5562 rgb(60,85,98) hsl(200,24%,31%)
#324852 rgb(50,72,82) hsl(200,24%,26%)
#293a42 rgb(41,58,66) hsl(200,24%,21%)
#1f2c33 rgb(31,44,51) hsl(200,24%,16%)
#151e23 rgb(21,30,35) hsl(200,24%,11%)
#0c1113 rgb(12,17,19) hsl(200,24%,6%)
#020303 rgb(2,3,3) hsl(200,24%,1%)

Adjacent colors

HEX RGB HSL
#64A18C rgb(100,161,140) hsl(159,24%,51%)
#648CA0 rgb(100,140,160) hsl(200,24%,51%)
#6463A0 rgb(100,99,160) hsl(241,24%,51%)

Monochromatic colors

HEX RGB HSL
#97B3BF rgb(151,179,191) hsl(198,24%,67%)
#7D9EAF rgb(125,158,175) hsl(200,24%,59%)
#648CA0 rgb(100,140,160) hsl(200,24%,51%)
#527587 rgb(82,117,135) hsl(200,24%,43%)
#435E6D rgb(67,94,109) hsl(201,24%,35%)
#334A53 rgb(51,74,83) hsl(197,24%,26%)

Triad color palettes

HEX RGB HSL
#648CA0 rgb(100,140,160) hsl(200,24%,51%)
#A0636E rgb(160,99,110) hsl(349,24%,51%)
#A09664 rgb(160,150,100) hsl(50,24%,51%)

Tetrad color palettes

HEX RGB HSL
#648CA0 rgb(100,140,160) hsl(200,24%,51%)
#A07864 rgb(160,120,100) hsl(20,24%,51%)
#64A196 rgb(100,161,150) hsl(169,24%,51%)
#A09664 rgb(160,150,100) hsl(50,24%,51%)