HEX #648A97 color — Hoki
The color #648A97 is a light shade and slightly desaturated.
Palette
648A97 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(195,20%,99%) |
#edf1f3 |
rgb(237,241,243) |
hsl(195,20%,94%) |
#dde6e9 |
rgb(221,230,233) |
hsl(195,20%,89%) |
#cedade |
rgb(206,218,222) |
hsl(195,20%,84%) |
#bfcfd4 |
rgb(191,207,212) |
hsl(195,20%,79%) |
#afc3ca |
rgb(175,195,202) |
hsl(195,20%,74%) |
#a0b8c0 |
rgb(160,184,192) |
hsl(195,20%,69%) |
#91acb6 |
rgb(145,172,182) |
hsl(195,20%,64%) |
#82a1ab |
rgb(130,161,171) |
hsl(195,20%,59%) |
#7295a1 |
rgb(114,149,161) |
hsl(195,20%,54%) |
#648996 |
rgb(100,137,150) |
hsl(195,20%,49%) |
#5a7b87 |
rgb(90,123,135) |
hsl(195,20%,44%) |
#506d77 |
rgb(80,109,119) |
hsl(195,20%,39%) |
#455f68 |
rgb(69,95,104) |
hsl(195,20%,34%) |
#3b5159 |
rgb(59,81,89) |
hsl(195,20%,29%) |
#314349 |
rgb(49,67,73) |
hsl(195,20%,24%) |
#27353a |
rgb(39,53,58) |
hsl(195,20%,19%) |
#1d272b |
rgb(29,39,43) |
hsl(195,20%,14%) |
#12191c |
rgb(18,25,28) |
hsl(195,20%,9%) |
#080b0c |
rgb(8,11,12) |
hsl(195,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#649682 |
rgb(100,150,130) |
hsl(156,20%,49%) |
#648A97 |
rgb(100,138,151) |
hsl(195,20%,49%) |
#646997 |
rgb(100,105,151) |
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%) |
#648A97 |
rgb(100,138,151) |
hsl(195,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 |
#648A97 |
rgb(100,138,151) |
hsl(195,20%,49%) |
#976370 |
rgb(151,99,112) |
hsl(345,21%,49%) |
#978A64 |
rgb(151,138,100) |
hsl(45,20%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648A97 |
rgb(100,138,151) |
hsl(195,20%,49%) |
#977064 |
rgb(151,112,100) |
hsl(14,20%,49%) |
#64968A |
rgb(100,150,138) |
hsl(166,20%,49%) |
#978A64 |
rgb(151,138,100) |
hsl(45,20%,49%) |