HEX #678F9A color — Gothic
The color #678F9A is a light shade and slightly desaturated.
Palette
678F9A color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(193,20%,95%) |
#e0e8eb |
rgb(224,232,235) |
hsl(193,20%,90%) |
#d1dde0 |
rgb(209,221,224) |
hsl(193,20%,85%) |
#c2d2d6 |
rgb(194,210,214) |
hsl(193,20%,80%) |
#b3c6cc |
rgb(179,198,204) |
hsl(193,20%,75%) |
#a3bbc2 |
rgb(163,187,194) |
hsl(193,20%,70%) |
#94b0b8 |
rgb(148,176,184) |
hsl(193,20%,65%) |
#85a5ad |
rgb(133,165,173) |
hsl(193,20%,60%) |
#7599a3 |
rgb(117,153,163) |
hsl(193,20%,55%) |
#668e99 |
rgb(102,142,153) |
hsl(193,20%,50%) |
#5c808a |
rgb(92,128,138) |
hsl(193,20%,45%) |
#52727a |
rgb(82,114,122) |
hsl(193,20%,40%) |
#47636b |
rgb(71,99,107) |
hsl(193,20%,35%) |
#3d555c |
rgb(61,85,92) |
hsl(193,20%,30%) |
#33474d |
rgb(51,71,77) |
hsl(193,20%,25%) |
#29393d |
rgb(41,57,61) |
hsl(193,20%,20%) |
#1f2b2e |
rgb(31,43,46) |
hsl(193,20%,15%) |
#141c1f |
rgb(20,28,31) |
hsl(193,20%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(193,20%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#679983 |
rgb(103,153,131) |
hsl(154,20%,50%) |
#678F9A |
rgb(103,143,154) |
hsl(193,20%,50%) |
#676E9A |
rgb(103,110,154) |
hsl(232,20%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#98B3BA |
rgb(152,179,186) |
hsl(192,20%,66%) |
#7FA1AA |
rgb(127,161,170) |
hsl(193,20%,58%) |
#678F9A |
rgb(103,143,154) |
hsl(193,20%,50%) |
#567881 |
rgb(86,120,129) |
hsl(193,20%,42%) |
#456169 |
rgb(69,97,105) |
hsl(193,21%,34%) |
#354A50 |
rgb(53,74,80) |
hsl(193,20%,26%) |
Triad color palettes
HEX |
RGB |
HSL |
#678F9A |
rgb(103,143,154) |
hsl(193,20%,50%) |
#9A6675 |
rgb(154,102,117) |
hsl(343,20%,50%) |
#9A8C67 |
rgb(154,140,103) |
hsl(44,20%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#678F9A |
rgb(103,143,154) |
hsl(193,20%,50%) |
#9A7367 |
rgb(154,115,103) |
hsl(14,20%,50%) |
#67998B |
rgb(103,153,139) |
hsl(163,20%,50%) |
#9A8C67 |
rgb(154,140,103) |
hsl(44,20%,50%) |