HEX #688C99 color — Gothic
The color #688C99 is a light shade and slightly desaturated.
Palette
688C99 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(196,19%,95%) |
#e1e8ea |
rgb(225,232,234) |
hsl(196,19%,90%) |
#d1dce0 |
rgb(209,220,224) |
hsl(196,19%,85%) |
#c2d1d6 |
rgb(194,209,214) |
hsl(196,19%,80%) |
#b3c5cb |
rgb(179,197,203) |
hsl(196,19%,75%) |
#a4b9c1 |
rgb(164,185,193) |
hsl(196,19%,70%) |
#95aeb7 |
rgb(149,174,183) |
hsl(196,19%,65%) |
#86a2ac |
rgb(134,162,172) |
hsl(196,19%,60%) |
#7696a2 |
rgb(118,150,162) |
hsl(196,19%,55%) |
#678b98 |
rgb(103,139,152) |
hsl(196,19%,50%) |
#5d7d89 |
rgb(93,125,137) |
hsl(196,19%,45%) |
#536f79 |
rgb(83,111,121) |
hsl(196,19%,40%) |
#48616a |
rgb(72,97,106) |
hsl(196,19%,35%) |
#3e535b |
rgb(62,83,91) |
hsl(196,19%,30%) |
#34454c |
rgb(52,69,76) |
hsl(196,19%,25%) |
#29383d |
rgb(41,56,61) |
hsl(196,19%,20%) |
#1f2a2e |
rgb(31,42,46) |
hsl(196,19%,15%) |
#151c1e |
rgb(21,28,30) |
hsl(196,19%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(196,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#689985 |
rgb(104,153,133) |
hsl(156,19%,50%) |
#688C99 |
rgb(104,140,153) |
hsl(196,19%,50%) |
#686B99 |
rgb(104,107,153) |
hsl(236,19%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#99B3BA |
rgb(153,179,186) |
hsl(193,19%,66%) |
#809EA9 |
rgb(128,158,169) |
hsl(196,19%,58%) |
#688C99 |
rgb(104,140,153) |
hsl(196,19%,50%) |
#577580 |
rgb(87,117,128) |
hsl(196,19%,42%) |
#465E68 |
rgb(70,94,104) |
hsl(198,20%,34%) |
#354A4F |
rgb(53,74,79) |
hsl(192,20%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#688C99 |
rgb(104,140,153) |
hsl(196,19%,50%) |
#996973 |
rgb(153,105,115) |
hsl(348,19%,51%) |
#998C68 |
rgb(153,140,104) |
hsl(44,19%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#688C99 |
rgb(104,140,153) |
hsl(196,19%,50%) |
#997568 |
rgb(153,117,104) |
hsl(16,19%,50%) |
#68998D |
rgb(104,153,141) |
hsl(165,19%,50%) |
#998C68 |
rgb(153,140,104) |
hsl(44,19%,50%) |