HEX #648A9A color — Hoki
The color #648A9A is a light shade and slightly desaturated.
Palette
648A9A color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(198,21%,95%) |
#e0e8eb |
rgb(224,232,235) |
hsl(198,21%,90%) |
#d1dce1 |
rgb(209,220,225) |
hsl(198,21%,85%) |
#c1d0d7 |
rgb(193,208,215) |
hsl(198,21%,80%) |
#b2c5cd |
rgb(178,197,205) |
hsl(198,21%,75%) |
#a2b9c3 |
rgb(162,185,195) |
hsl(198,21%,70%) |
#93adb8 |
rgb(147,173,184) |
hsl(198,21%,65%) |
#84a2ae |
rgb(132,162,174) |
hsl(198,21%,60%) |
#7496a4 |
rgb(116,150,164) |
hsl(198,21%,55%) |
#658a9a |
rgb(101,138,154) |
hsl(198,21%,50%) |
#5b7c8b |
rgb(91,124,139) |
hsl(198,21%,45%) |
#516f7b |
rgb(81,111,123) |
hsl(198,21%,40%) |
#47616c |
rgb(71,97,108) |
hsl(198,21%,35%) |
#3c535d |
rgb(60,83,93) |
hsl(198,21%,30%) |
#32454d |
rgb(50,69,77) |
hsl(198,21%,25%) |
#28373e |
rgb(40,55,62) |
hsl(198,21%,20%) |
#1e292e |
rgb(30,41,46) |
hsl(198,21%,15%) |
#141c1f |
rgb(20,28,31) |
hsl(198,21%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(198,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#649986 |
rgb(100,153,134) |
hsl(158,21%,50%) |
#648A9A |
rgb(100,138,154) |
hsl(198,21%,50%) |
#64669A |
rgb(100,102,154) |
hsl(238,21%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95B0BA |
rgb(149,176,186) |
hsl(196,21%,66%) |
#7C9CAA |
rgb(124,156,170) |
hsl(198,21%,58%) |
#648A9A |
rgb(100,138,154) |
hsl(198,21%,50%) |
#547381 |
rgb(84,115,129) |
hsl(199,21%,42%) |
#445E68 |
rgb(68,94,104) |
hsl(197,21%,34%) |
#344750 |
rgb(52,71,80) |
hsl(199,21%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#648A9A |
rgb(100,138,154) |
hsl(198,21%,50%) |
#9A636F |
rgb(154,99,111) |
hsl(347,22%,50%) |
#9A8F64 |
rgb(154,143,100) |
hsl(48,21%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648A9A |
rgb(100,138,154) |
hsl(198,21%,50%) |
#9A7364 |
rgb(154,115,100) |
hsl(17,21%,50%) |
#64998F |
rgb(100,153,143) |
hsl(169,21%,50%) |
#9A8F64 |
rgb(154,143,100) |
hsl(48,21%,50%) |