HEX #648CA5 color — Hoki
The color #648CA5 is a light shade and slightly desaturated.
Palette
648CA5 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8f9 |
rgb(245,248,249) |
hsl(203,27%,97%) |
#e5ecf0 |
rgb(229,236,240) |
hsl(203,27%,92%) |
#d5e0e7 |
rgb(213,224,231) |
hsl(203,27%,87%) |
#c5d4dd |
rgb(197,212,221) |
hsl(203,27%,82%) |
#b5c8d4 |
rgb(181,200,212) |
hsl(203,27%,77%) |
#a4bccb |
rgb(164,188,203) |
hsl(203,27%,72%) |
#94b0c2 |
rgb(148,176,194) |
hsl(203,27%,67%) |
#84a4b8 |
rgb(132,164,184) |
hsl(203,27%,62%) |
#7498af |
rgb(116,152,175) |
hsl(203,27%,57%) |
#648ca6 |
rgb(100,140,166) |
hsl(203,27%,52%) |
#577f98 |
rgb(87,127,152) |
hsl(203,27%,47%) |
#4e7288 |
rgb(78,114,136) |
hsl(203,27%,42%) |
#456478 |
rgb(69,100,120) |
hsl(203,27%,37%) |
#3c5768 |
rgb(60,87,104) |
hsl(203,27%,32%) |
#324957 |
rgb(50,73,87) |
hsl(203,27%,27%) |
#293c47 |
rgb(41,60,71) |
hsl(203,27%,22%) |
#202e37 |
rgb(32,46,55) |
hsl(203,27%,17%) |
#162127 |
rgb(22,33,39) |
hsl(203,27%,12%) |
#0d1317 |
rgb(13,19,23) |
hsl(203,27%,7%) |
#040506 |
rgb(4,5,6) |
hsl(203,27%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#64A692 |
rgb(100,166,146) |
hsl(162,27%,52%) |
#648CA5 |
rgb(100,140,165) |
hsl(203,27%,52%) |
#6763A5 |
rgb(103,99,165) |
hsl(244,27%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99B5C4 |
rgb(153,181,196) |
hsl(201,27%,68%) |
#7EA1B4 |
rgb(126,161,180) |
hsl(201,26%,60%) |
#648CA5 |
rgb(100,140,165) |
hsl(203,27%,52%) |
#51758C |
rgb(81,117,140) |
hsl(203,27%,43%) |
#425E72 |
rgb(66,94,114) |
hsl(205,27%,35%) |
#324A57 |
rgb(50,74,87) |
hsl(201,27%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#648CA5 |
rgb(100,140,165) |
hsl(203,27%,52%) |
#A5636B |
rgb(165,99,107) |
hsl(353,27%,52%) |
#A59E64 |
rgb(165,158,100) |
hsl(54,27%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648CA5 |
rgb(100,140,165) |
hsl(203,27%,52%) |
#A57D64 |
rgb(165,125,100) |
hsl(23,27%,52%) |
#64A69D |
rgb(100,166,157) |
hsl(172,27%,52%) |
#A59E64 |
rgb(165,158,100) |
hsl(54,27%,52%) |