HEX #678C99 color — Gothic
The color #678C99 is a light shade and slightly desaturated.
Palette
678C99 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(196,20%,95%) |
#e0e8eb |
rgb(224,232,235) |
hsl(196,20%,90%) |
#d1dce0 |
rgb(209,220,224) |
hsl(196,20%,85%) |
#c2d1d6 |
rgb(194,209,214) |
hsl(196,20%,80%) |
#b3c5cc |
rgb(179,197,204) |
hsl(196,20%,75%) |
#a3bac2 |
rgb(163,186,194) |
hsl(196,20%,70%) |
#94aeb8 |
rgb(148,174,184) |
hsl(196,20%,65%) |
#85a3ad |
rgb(133,163,173) |
hsl(196,20%,60%) |
#7597a3 |
rgb(117,151,163) |
hsl(196,20%,55%) |
#668b99 |
rgb(102,139,153) |
hsl(196,20%,50%) |
#5c7d8a |
rgb(92,125,138) |
hsl(196,20%,45%) |
#52707a |
rgb(82,112,122) |
hsl(196,20%,40%) |
#47626b |
rgb(71,98,107) |
hsl(196,20%,35%) |
#3d545c |
rgb(61,84,92) |
hsl(196,20%,30%) |
#33464d |
rgb(51,70,77) |
hsl(196,20%,25%) |
#29383d |
rgb(41,56,61) |
hsl(196,20%,20%) |
#1f2a2e |
rgb(31,42,46) |
hsl(196,20%,15%) |
#141c1f |
rgb(20,28,31) |
hsl(196,20%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(196,20%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#679984 |
rgb(103,153,132) |
hsl(155,20%,50%) |
#678C99 |
rgb(103,140,153) |
hsl(196,20%,50%) |
#676B99 |
rgb(103,107,153) |
hsl(235,20%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98B0B9 |
rgb(152,176,185) |
hsl(196,19%,66%) |
#7F9EA9 |
rgb(127,158,169) |
hsl(196,20%,58%) |
#678C99 |
rgb(103,140,153) |
hsl(196,20%,50%) |
#567580 |
rgb(86,117,128) |
hsl(196,20%,42%) |
#455E68 |
rgb(69,94,104) |
hsl(197,20%,34%) |
#354A4F |
rgb(53,74,79) |
hsl(192,20%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#678C99 |
rgb(103,140,153) |
hsl(196,20%,50%) |
#996673 |
rgb(153,102,115) |
hsl(345,20%,50%) |
#998C67 |
rgb(153,140,103) |
hsl(44,20%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678C99 |
rgb(103,140,153) |
hsl(196,20%,50%) |
#997367 |
rgb(153,115,103) |
hsl(14,20%,50%) |
#67998D |
rgb(103,153,141) |
hsl(166,20%,50%) |
#998C67 |
rgb(153,140,103) |
hsl(44,20%,50%) |