HEX #648FA0 color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

648FA0 color palette from light to dark

HEX RGB HSL
#f2f6f7 rgb(242,246,247) hsl(197,24%,96%)
#e3eaee rgb(227,234,238) hsl(197,24%,91%)
#d3dfe4 rgb(211,223,228) hsl(197,24%,86%)
#c3d4da rgb(195,212,218) hsl(197,24%,81%)
#b3c8d0 rgb(179,200,208) hsl(197,24%,76%)
#a3bdc7 rgb(163,189,199) hsl(197,24%,71%)
#93b1bd rgb(147,177,189) hsl(197,24%,66%)
#84a6b3 rgb(132,166,179) hsl(197,24%,61%)
#749aaa rgb(116,154,170) hsl(197,24%,56%)
#648fa0 rgb(100,143,160) hsl(197,24%,51%)
#598191 rgb(89,129,145) hsl(197,24%,46%)
#4f7382 rgb(79,115,130) hsl(197,24%,41%)
#466572 rgb(70,101,114) hsl(197,24%,36%)
#3c5762 rgb(60,87,98) hsl(197,24%,31%)
#324952 rgb(50,73,82) hsl(197,24%,26%)
#293b42 rgb(41,59,66) hsl(197,24%,21%)
#1f2d33 rgb(31,45,51) hsl(197,24%,16%)
#151f23 rgb(21,31,35) hsl(197,24%,11%)
#0c1113 rgb(12,17,19) hsl(197,24%,6%)
#020303 rgb(2,3,3) hsl(197,24%,1%)

Adjacent colors

HEX RGB HSL
#64A189 rgb(100,161,137) hsl(156,24%,51%)
#648FA0 rgb(100,143,160) hsl(197,24%,51%)
#6466A0 rgb(100,102,160) hsl(238,24%,51%)

Monochromatic colors

HEX RGB HSL
#97B5BF rgb(151,181,191) hsl(195,24%,67%)
#7DA1AF rgb(125,161,175) hsl(197,24%,59%)
#648FA0 rgb(100,143,160) hsl(197,24%,51%)
#527887 rgb(82,120,135) hsl(197,24%,43%)
#43616D rgb(67,97,109) hsl(197,24%,35%)
#334A53 rgb(51,74,83) hsl(197,24%,26%)

Triad color palettes

HEX RGB HSL
#648FA0 rgb(100,143,160) hsl(197,24%,51%)
#A06371 rgb(160,99,113) hsl(346,24%,51%)
#A09464 rgb(160,148,100) hsl(48,24%,51%)

Tetrad color palettes

HEX RGB HSL
#648FA0 rgb(100,143,160) hsl(197,24%,51%)
#A07564 rgb(160,117,100) hsl(17,24%,51%)
#64A193 rgb(100,161,147) hsl(166,24%,51%)
#A09464 rgb(160,148,100) hsl(48,24%,51%)