HEX #648C98 color — Hoki
The color #648C98 is a light shade and slightly desaturated.
Palette
648C98 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(194,21%,99%) |
#ecf1f3 |
rgb(236,241,243) |
hsl(194,21%,94%) |
#dde6e9 |
rgb(221,230,233) |
hsl(194,21%,89%) |
#cedbdf |
rgb(206,219,223) |
hsl(194,21%,84%) |
#becfd5 |
rgb(190,207,213) |
hsl(194,21%,79%) |
#afc4cb |
rgb(175,196,203) |
hsl(194,21%,74%) |
#9fb9c1 |
rgb(159,185,193) |
hsl(194,21%,69%) |
#90adb6 |
rgb(144,173,182) |
hsl(194,21%,64%) |
#80a2ac |
rgb(128,162,172) |
hsl(194,21%,59%) |
#7197a2 |
rgb(113,151,162) |
hsl(194,21%,54%) |
#638b97 |
rgb(99,139,151) |
hsl(194,21%,49%) |
#597d88 |
rgb(89,125,136) |
hsl(194,21%,44%) |
#4f6f78 |
rgb(79,111,120) |
hsl(194,21%,39%) |
#446069 |
rgb(68,96,105) |
hsl(194,21%,34%) |
#3a5259 |
rgb(58,82,89) |
hsl(194,21%,29%) |
#30444a |
rgb(48,68,74) |
hsl(194,21%,24%) |
#26363b |
rgb(38,54,59) |
hsl(194,21%,19%) |
#1c282b |
rgb(28,40,43) |
hsl(194,21%,14%) |
#121a1c |
rgb(18,26,28) |
hsl(194,21%,9%) |
#080b0c |
rgb(8,11,12) |
hsl(194,21%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#649981 |
rgb(100,153,129) |
hsl(153,21%,50%) |
#648C98 |
rgb(100,140,152) |
hsl(194,21%,49%) |
#646998 |
rgb(100,105,152) |
hsl(234,21%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#94B0B8 |
rgb(148,176,184) |
hsl(193,20%,65%) |
#7B9EA8 |
rgb(123,158,168) |
hsl(193,21%,57%) |
#648C98 |
rgb(100,140,152) |
hsl(194,21%,49%) |
#54757F |
rgb(84,117,127) |
hsl(194,20%,41%) |
#445E67 |
rgb(68,94,103) |
hsl(195,20%,34%) |
#344A4F |
rgb(52,74,79) |
hsl(191,21%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#648C98 |
rgb(100,140,152) |
hsl(194,21%,49%) |
#986372 |
rgb(152,99,114) |
hsl(343,21%,49%) |
#988A64 |
rgb(152,138,100) |
hsl(44,21%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648C98 |
rgb(100,140,152) |
hsl(194,21%,49%) |
#987064 |
rgb(152,112,100) |
hsl(14,21%,49%) |
#64998A |
rgb(100,153,138) |
hsl(163,21%,50%) |
#988A64 |
rgb(152,138,100) |
hsl(44,21%,49%) |