HEX #648E96 color — Gothic
The color #648e96 is a light shade and slightly desaturated.
Palette
648e96 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(190,20%,99%) |
#edf2f3 |
rgb(237,242,243) |
hsl(190,20%,94%) |
#dde7e9 |
rgb(221,231,233) |
hsl(190,20%,89%) |
#cedcde |
rgb(206,220,222) |
hsl(190,20%,84%) |
#bfd1d4 |
rgb(191,209,212) |
hsl(190,20%,79%) |
#afc6ca |
rgb(175,198,202) |
hsl(190,20%,74%) |
#a0bac0 |
rgb(160,186,192) |
hsl(190,20%,69%) |
#91afb6 |
rgb(145,175,182) |
hsl(190,20%,64%) |
#82a4ab |
rgb(130,164,171) |
hsl(190,20%,59%) |
#7299a1 |
rgb(114,153,161) |
hsl(190,20%,54%) |
#648e96 |
rgb(100,142,150) |
hsl(190,20%,49%) |
#5a7f87 |
rgb(90,127,135) |
hsl(190,20%,44%) |
#507177 |
rgb(80,113,119) |
hsl(190,20%,39%) |
#456268 |
rgb(69,98,104) |
hsl(190,20%,34%) |
#3b5459 |
rgb(59,84,89) |
hsl(190,20%,29%) |
#314549 |
rgb(49,69,73) |
hsl(190,20%,24%) |
#27373a |
rgb(39,55,58) |
hsl(190,20%,19%) |
#1d282b |
rgb(29,40,43) |
hsl(190,20%,14%) |
#121a1c |
rgb(18,26,28) |
hsl(190,20%,9%) |
#080c0c |
rgb(8,12,12) |
hsl(190,20%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#64967C |
rgb(100,150,124) |
hsl(149,20%,49%) |
#648E96 |
rgb(100,142,150) |
hsl(190,20%,49%) |
#646E96 |
rgb(100,110,150) |
hsl(228,20%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#93B3B7 |
rgb(147,179,183) |
hsl(187,20%,65%) |
#7BA1A7 |
rgb(123,161,167) |
hsl(188,20%,57%) |
#648E96 |
rgb(100,142,150) |
hsl(190,20%,49%) |
#54787E |
rgb(84,120,126) |
hsl(189,20%,41%) |
#446166 |
rgb(68,97,102) |
hsl(189,20%,33%) |
#344A4E |
rgb(52,74,78) |
hsl(189,20%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#648E96 |
rgb(100,142,150) |
hsl(190,20%,49%) |
#966375 |
rgb(150,99,117) |
hsl(339,20%,49%) |
#968564 |
rgb(150,133,100) |
hsl(40,20%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#648E96 |
rgb(100,142,150) |
hsl(190,20%,49%) |
#966B64 |
rgb(150,107,100) |
hsl(8,20%,49%) |
#649685 |
rgb(100,150,133) |
hsl(160,20%,49%) |
#968564 |
rgb(150,133,100) |
hsl(40,20%,49%) |