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