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