HEX #648AA0 color — Hoki
The color #648AA0 is a light shade and slightly desaturated.
Palette
648AA0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f7 |
rgb(242,245,247) |
hsl(202,24%,96%) |
#e3eaee |
rgb(227,234,238) |
hsl(202,24%,91%) |
#d3dee4 |
rgb(211,222,228) |
hsl(202,24%,86%) |
#c3d2da |
rgb(195,210,218) |
hsl(202,24%,81%) |
#b3c6d0 |
rgb(179,198,208) |
hsl(202,24%,76%) |
#a3bac7 |
rgb(163,186,199) |
hsl(202,24%,71%) |
#93aebd |
rgb(147,174,189) |
hsl(202,24%,66%) |
#84a2b3 |
rgb(132,162,179) |
hsl(202,24%,61%) |
#7496aa |
rgb(116,150,170) |
hsl(202,24%,56%) |
#648aa0 |
rgb(100,138,160) |
hsl(202,24%,51%) |
#597d91 |
rgb(89,125,145) |
hsl(202,24%,46%) |
#4f6f82 |
rgb(79,111,130) |
hsl(202,24%,41%) |
#466272 |
rgb(70,98,114) |
hsl(202,24%,36%) |
#3c5462 |
rgb(60,84,98) |
hsl(202,24%,31%) |
#324752 |
rgb(50,71,82) |
hsl(202,24%,26%) |
#293942 |
rgb(41,57,66) |
hsl(202,24%,21%) |
#1f2b33 |
rgb(31,43,51) |
hsl(202,24%,16%) |
#151e23 |
rgb(21,30,35) |
hsl(202,24%,11%) |
#0c1013 |
rgb(12,16,19) |
hsl(202,24%,6%) |
#020303 |
rgb(2,3,3) |
hsl(202,24%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A18E |
rgb(100,161,142) |
hsl(161,24%,51%) |
#648AA0 |
rgb(100,138,160) |
hsl(202,24%,51%) |
#6663A0 |
rgb(102,99,160) |
hsl(243,24%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B0BF |
rgb(151,176,191) |
hsl(203,24%,67%) |
#7D9EAF |
rgb(125,158,175) |
hsl(200,24%,59%) |
#648AA0 |
rgb(100,138,160) |
hsl(202,24%,51%) |
#527587 |
rgb(82,117,135) |
hsl(200,24%,43%) |
#435E6D |
rgb(67,94,109) |
hsl(201,24%,35%) |
#334753 |
rgb(51,71,83) |
hsl(203,24%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#648AA0 |
rgb(100,138,160) |
hsl(202,24%,51%) |
#A0636C |
rgb(160,99,108) |
hsl(351,24%,51%) |
#A09964 |
rgb(160,153,100) |
hsl(53,24%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648AA0 |
rgb(100,138,160) |
hsl(202,24%,51%) |
#A07A64 |
rgb(160,122,100) |
hsl(22,24%,51%) |
#64A198 |
rgb(100,161,152) |
hsl(171,24%,51%) |
#A09964 |
rgb(160,153,100) |
hsl(53,24%,51%) |