HEX #648A96 color — Hoki

The color #648a96 is a light shade and slightly desaturated.

Color codes

copy icon
copy icon
copy icon

Palette

648a96 color palette from light to dark

HEX RGB HSL
#fcfdfd rgb(252,253,253) hsl(194,20%,99%)
#edf1f3 rgb(237,241,243) hsl(194,20%,94%)
#dde6e9 rgb(221,230,233) hsl(194,20%,89%)
#cedbde rgb(206,219,222) hsl(194,20%,84%)
#bfcfd4 rgb(191,207,212) hsl(194,20%,79%)
#afc4ca rgb(175,196,202) hsl(194,20%,74%)
#a0b8c0 rgb(160,184,192) hsl(194,20%,69%)
#91adb6 rgb(145,173,182) hsl(194,20%,64%)
#82a2ab rgb(130,162,171) hsl(194,20%,59%)
#7296a1 rgb(114,150,161) hsl(194,20%,54%)
#648a96 rgb(100,138,150) hsl(194,20%,49%)
#5a7c87 rgb(90,124,135) hsl(194,20%,44%)
#506e77 rgb(80,110,119) hsl(194,20%,39%)
#456068 rgb(69,96,104) hsl(194,20%,34%)
#3b5259 rgb(59,82,89) hsl(194,20%,29%)
#314449 rgb(49,68,73) hsl(194,20%,24%)
#27363a rgb(39,54,58) hsl(194,20%,19%)
#1d282b rgb(29,40,43) hsl(194,20%,14%)
#12191c rgb(18,25,28) hsl(194,20%,9%)
#080b0c rgb(8,11,12) hsl(194,20%,4%)

Adjacent colors

HEX RGB HSL
#649680 rgb(100,150,128) hsl(154,20%,49%)
#648A96 rgb(100,138,150) hsl(194,20%,49%)
#646996 rgb(100,105,150) hsl(234,20%,49%)

Monochromatic colors

HEX RGB HSL
#93ADB7 rgb(147,173,183) hsl(197,20%,65%)
#7B9CA7 rgb(123,156,167) hsl(195,20%,57%)
#648A96 rgb(100,138,150) hsl(194,20%,49%)
#54737E rgb(84,115,126) hsl(196,20%,41%)
#445E66 rgb(68,94,102) hsl(194,20%,33%)
#34474E rgb(52,71,78) hsl(196,20%,25%)

Triad color palettes

HEX RGB HSL
#648A96 rgb(100,138,150) hsl(194,20%,49%)
#966371 rgb(150,99,113) hsl(344,20%,49%)
#968A64 rgb(150,138,100) hsl(46,20%,49%)

Tetrad color palettes

HEX RGB HSL
#648A96 rgb(100,138,150) hsl(194,20%,49%)
#967064 rgb(150,112,100) hsl(14,20%,49%)
#649689 rgb(100,150,137) hsl(164,20%,49%)
#968A64 rgb(150,138,100) hsl(46,20%,49%)