HEX #648EA0 color — Hoki
The color #648ea0 is a light shade and slightly desaturated.
Palette
648ea0 color palette from light to dark
HEX |
RGB |
HSL |
#f2f6f7 |
rgb(242,246,247) |
hsl(198,24%,96%) |
#e3eaee |
rgb(227,234,238) |
hsl(198,24%,91%) |
#d3dfe4 |
rgb(211,223,228) |
hsl(198,24%,86%) |
#c3d3da |
rgb(195,211,218) |
hsl(198,24%,81%) |
#b3c8d0 |
rgb(179,200,208) |
hsl(198,24%,76%) |
#a3bcc7 |
rgb(163,188,199) |
hsl(198,24%,71%) |
#93b1bd |
rgb(147,177,189) |
hsl(198,24%,66%) |
#84a5b3 |
rgb(132,165,179) |
hsl(198,24%,61%) |
#749aaa |
rgb(116,154,170) |
hsl(198,24%,56%) |
#648ea0 |
rgb(100,142,160) |
hsl(198,24%,51%) |
#598191 |
rgb(89,129,145) |
hsl(198,24%,46%) |
#4f7382 |
rgb(79,115,130) |
hsl(198,24%,41%) |
#466572 |
rgb(70,101,114) |
hsl(198,24%,36%) |
#3c5762 |
rgb(60,87,98) |
hsl(198,24%,31%) |
#324952 |
rgb(50,73,82) |
hsl(198,24%,26%) |
#293b42 |
rgb(41,59,66) |
hsl(198,24%,21%) |
#1f2d33 |
rgb(31,45,51) |
hsl(198,24%,16%) |
#151f23 |
rgb(21,31,35) |
hsl(198,24%,11%) |
#0c1113 |
rgb(12,17,19) |
hsl(198,24%,6%) |
#020303 |
rgb(2,3,3) |
hsl(198,24%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A18A |
rgb(100,161,138) |
hsl(157,24%,51%) |
#648EA0 |
rgb(100,142,160) |
hsl(198,24%,51%) |
#6466A0 |
rgb(100,102,160) |
hsl(238,24%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#97B3BF |
rgb(151,179,191) |
hsl(198,24%,67%) |
#7DA1AF |
rgb(125,161,175) |
hsl(197,24%,59%) |
#648EA0 |
rgb(100,142,160) |
hsl(198,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 |
#648EA0 |
rgb(100,142,160) |
hsl(198,24%,51%) |
#A06370 |
rgb(160,99,112) |
hsl(347,24%,51%) |
#A09464 |
rgb(160,148,100) |
hsl(48,24%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648EA0 |
rgb(100,142,160) |
hsl(198,24%,51%) |
#A07564 |
rgb(160,117,100) |
hsl(17,24%,51%) |
#64A194 |
rgb(100,161,148) |
hsl(167,24%,51%) |
#A09464 |
rgb(160,148,100) |
hsl(48,24%,51%) |