HEX #648F9A color — Gothic
The color #648F9A is a light shade and slightly desaturated.
Palette
648F9A color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(192,21%,95%) |
#e0e9eb |
rgb(224,233,235) |
hsl(192,21%,90%) |
#d1dee1 |
rgb(209,222,225) |
hsl(192,21%,85%) |
#c1d2d7 |
rgb(193,210,215) |
hsl(192,21%,80%) |
#b2c7cd |
rgb(178,199,205) |
hsl(192,21%,75%) |
#a2bcc3 |
rgb(162,188,195) |
hsl(192,21%,70%) |
#93b1b8 |
rgb(147,177,184) |
hsl(192,21%,65%) |
#84a6ae |
rgb(132,166,174) |
hsl(192,21%,60%) |
#749ba4 |
rgb(116,155,164) |
hsl(192,21%,55%) |
#65909a |
rgb(101,144,154) |
hsl(192,21%,50%) |
#5b818b |
rgb(91,129,139) |
hsl(192,21%,45%) |
#51737b |
rgb(81,115,123) |
hsl(192,21%,40%) |
#47646c |
rgb(71,100,108) |
hsl(192,21%,35%) |
#3c565d |
rgb(60,86,93) |
hsl(192,21%,30%) |
#32484d |
rgb(50,72,77) |
hsl(192,21%,25%) |
#28393e |
rgb(40,57,62) |
hsl(192,21%,20%) |
#1e2b2e |
rgb(30,43,46) |
hsl(192,21%,15%) |
#141d1f |
rgb(20,29,31) |
hsl(192,21%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(192,21%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#649981 |
rgb(100,153,129) |
hsl(153,21%,50%) |
#648F9A |
rgb(100,143,154) |
hsl(192,21%,50%) |
#646B9A |
rgb(100,107,154) |
hsl(232,21%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#95B3BA |
rgb(149,179,186) |
hsl(191,21%,66%) |
#7CA1AA |
rgb(124,161,170) |
hsl(192,21%,58%) |
#648F9A |
rgb(100,143,154) |
hsl(192,21%,50%) |
#547881 |
rgb(84,120,129) |
hsl(192,21%,42%) |
#446168 |
rgb(68,97,104) |
hsl(192,21%,34%) |
#344A50 |
rgb(52,74,80) |
hsl(193,21%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#648F9A |
rgb(100,143,154) |
hsl(192,21%,50%) |
#9A6374 |
rgb(154,99,116) |
hsl(341,22%,50%) |
#9A8A64 |
rgb(154,138,100) |
hsl(42,21%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648F9A |
rgb(100,143,154) |
hsl(192,21%,50%) |
#9A7064 |
rgb(154,112,100) |
hsl(13,21%,50%) |
#64998A |
rgb(100,153,138) |
hsl(163,21%,50%) |
#9A8A64 |
rgb(154,138,100) |
hsl(42,21%,50%) |