HEX #648CA0 color — Hoki
The color #648CA0 is a light shade and slightly desaturated.
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%) |