HEX #678C9B color — Gothic
The color #678C9B is a light shade and slightly desaturated.
Palette
678C9B color palette from light to dark
HEX |
RGB |
HSL |
#f3f6f7 |
rgb(243,246,247) |
hsl(197,21%,96%) |
#e3eaed |
rgb(227,234,237) |
hsl(197,21%,91%) |
#d4dfe3 |
rgb(212,223,227) |
hsl(197,21%,86%) |
#c4d3d9 |
rgb(196,211,217) |
hsl(197,21%,81%) |
#b5c7cf |
rgb(181,199,207) |
hsl(197,21%,76%) |
#a6bcc5 |
rgb(166,188,197) |
hsl(197,21%,71%) |
#96b0bb |
rgb(150,176,187) |
hsl(197,21%,66%) |
#87a5b0 |
rgb(135,165,176) |
hsl(197,21%,61%) |
#7799a6 |
rgb(119,153,166) |
hsl(197,21%,56%) |
#688d9c |
rgb(104,141,156) |
hsl(197,21%,51%) |
#5d808e |
rgb(93,128,142) |
hsl(197,21%,46%) |
#53727f |
rgb(83,114,127) |
hsl(197,21%,41%) |
#49646f |
rgb(73,100,111) |
hsl(197,21%,36%) |
#3e5660 |
rgb(62,86,96) |
hsl(197,21%,31%) |
#344850 |
rgb(52,72,80) |
hsl(197,21%,26%) |
#2a3a41 |
rgb(42,58,65) |
hsl(197,21%,21%) |
#202d31 |
rgb(32,45,49) |
hsl(197,21%,16%) |
#161f22 |
rgb(22,31,34) |
hsl(197,21%,11%) |
#0c1113 |
rgb(12,17,19) |
hsl(197,21%,6%) |
#020303 |
rgb(2,3,3) |
hsl(197,21%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#679C87 |
rgb(103,156,135) |
hsl(156,21%,51%) |
#678C9B |
rgb(103,140,155) |
hsl(197,21%,51%) |
#67699B |
rgb(103,105,155) |
hsl(238,21%,51%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98B3BB |
rgb(152,179,187) |
hsl(194,20%,66%) |
#7F9EAB |
rgb(127,158,171) |
hsl(198,21%,58%) |
#678C9B |
rgb(103,140,155) |
hsl(197,21%,51%) |
#567582 |
rgb(86,117,130) |
hsl(198,20%,42%) |
#455E69 |
rgb(69,94,105) |
hsl(198,21%,34%) |
#354A50 |
rgb(53,74,80) |
hsl(193,20%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#678C9B |
rgb(103,140,155) |
hsl(197,21%,51%) |
#9B6672 |
rgb(155,102,114) |
hsl(346,21%,50%) |
#9B8F67 |
rgb(155,143,103) |
hsl(46,21%,51%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678C9B |
rgb(103,140,155) |
hsl(197,21%,51%) |
#9B7567 |
rgb(155,117,103) |
hsl(16,21%,51%) |
#679C90 |
rgb(103,156,144) |
hsl(166,21%,51%) |
#9B8F67 |
rgb(155,143,103) |
hsl(46,21%,51%) |