HEX #648CA2 color — Hoki

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

Color codes

copy icon
copy icon
copy icon

Palette

648CA2 color palette from light to dark

HEX RGB HSL
#f2f6f7 rgb(242,246,247) hsl(201,25%,96%)
#e2eaee rgb(226,234,238) hsl(201,25%,91%)
#d2dee4 rgb(210,222,228) hsl(201,25%,86%)
#c2d2db rgb(194,210,219) hsl(201,25%,81%)
#b3c6d1 rgb(179,198,209) hsl(201,25%,76%)
#a3bbc8 rgb(163,187,200) hsl(201,25%,71%)
#93afbe rgb(147,175,190) hsl(201,25%,66%)
#83a3b4 rgb(131,163,180) hsl(201,25%,61%)
#7397ab rgb(115,151,171) hsl(201,25%,56%)
#638ba1 rgb(99,139,161) hsl(201,25%,51%)
#587e93 rgb(88,126,147) hsl(201,25%,46%)
#4e7083 rgb(78,112,131) hsl(201,25%,41%)
#456373 rgb(69,99,115) hsl(201,25%,36%)
#3b5563 rgb(59,85,99) hsl(201,25%,31%)
#324753 rgb(50,71,83) hsl(201,25%,26%)
#283a43 rgb(40,58,67) hsl(201,25%,21%)
#1f2c33 rgb(31,44,51) hsl(201,25%,16%)
#151e23 rgb(21,30,35) hsl(201,25%,11%)
#0b1013 rgb(11,16,19) hsl(201,25%,6%)
#020303 rgb(2,3,3) hsl(201,25%,1%)

Adjacent colors

HEX RGB HSL
#64A38E rgb(100,163,142) hsl(160,26%,52%)
#648CA2 rgb(100,140,162) hsl(201,25%,51%)
#6563A2 rgb(101,99,162) hsl(242,25%,51%)

Monochromatic colors

HEX RGB HSL
#98B3C1 rgb(152,179,193) hsl(200,25%,68%)
#7EA1B1 rgb(126,161,177) hsl(199,25%,59%)
#648CA2 rgb(100,140,162) hsl(201,25%,51%)
#527589 rgb(82,117,137) hsl(202,25%,43%)
#425E6F rgb(66,94,111) hsl(203,25%,35%)
#334A55 rgb(51,74,85) hsl(199,25%,27%)

Triad color palettes

HEX RGB HSL
#648CA2 rgb(100,140,162) hsl(201,25%,51%)
#A2636D rgb(162,99,109) hsl(350,25%,51%)
#A29964 rgb(162,153,100) hsl(51,25%,51%)

Tetrad color palettes

HEX RGB HSL
#648CA2 rgb(100,140,162) hsl(201,25%,51%)
#A27A64 rgb(162,122,100) hsl(21,25%,51%)
#64A399 rgb(100,163,153) hsl(170,26%,52%)
#A29964 rgb(162,153,100) hsl(51,25%,51%)