HEX #6696A4 color — Gothic
The color #6696A4 is a light shade and slightly desaturated.
Palette
6696A4 color palette from light to dark
HEX |
RGB |
HSL |
#f5f8f9 |
rgb(245,248,249) |
hsl(194,25%,97%) |
#e6edf0 |
rgb(230,237,240) |
hsl(194,25%,92%) |
#d6e2e6 |
rgb(214,226,230) |
hsl(194,25%,87%) |
#c6d7dd |
rgb(198,215,221) |
hsl(194,25%,82%) |
#b6ccd3 |
rgb(182,204,211) |
hsl(194,25%,77%) |
#a6c1c9 |
rgb(166,193,201) |
hsl(194,25%,72%) |
#96b6c0 |
rgb(150,182,192) |
hsl(194,25%,67%) |
#86abb6 |
rgb(134,171,182) |
hsl(194,25%,62%) |
#76a0ad |
rgb(118,160,173) |
hsl(194,25%,57%) |
#6695a3 |
rgb(102,149,163) |
hsl(194,25%,52%) |
#5a8896 |
rgb(90,136,150) |
hsl(194,25%,47%) |
#507986 |
rgb(80,121,134) |
hsl(194,25%,42%) |
#476b76 |
rgb(71,107,118) |
hsl(194,25%,37%) |
#3d5c66 |
rgb(61,92,102) |
hsl(194,25%,32%) |
#344e56 |
rgb(52,78,86) |
hsl(194,25%,27%) |
#2a4046 |
rgb(42,64,70) |
hsl(194,25%,22%) |
#213136 |
rgb(33,49,54) |
hsl(194,25%,17%) |
#172326 |
rgb(23,35,38) |
hsl(194,25%,12%) |
#0d1416 |
rgb(13,20,22) |
hsl(194,25%,7%) |
#040606 |
rgb(4,6,6) |
hsl(194,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#66A388 |
rgb(102,163,136) |
hsl(153,25%,52%) |
#6696A4 |
rgb(102,150,164) |
hsl(194,25%,52%) |
#666EA4 |
rgb(102,110,164) |
hsl(232,25%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BBAC3 |
rgb(155,186,195) |
hsl(194,25%,69%) |
#80A8B3 |
rgb(128,168,179) |
hsl(193,25%,60%) |
#6696A4 |
rgb(102,150,164) |
hsl(194,25%,52%) |
#53808C |
rgb(83,128,140) |
hsl(193,26%,44%) |
#436671 |
rgb(67,102,113) |
hsl(194,26%,35%) |
#334F56 |
rgb(51,79,86) |
hsl(192,26%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#6696A4 |
rgb(102,150,164) |
hsl(194,25%,52%) |
#A46677 |
rgb(164,102,119) |
hsl(344,25%,52%) |
#A49466 |
rgb(164,148,102) |
hsl(45,25%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#6696A4 |
rgb(102,150,164) |
hsl(194,25%,52%) |
#A47366 |
rgb(164,115,102) |
hsl(13,25%,52%) |
#66A393 |
rgb(102,163,147) |
hsl(164,25%,52%) |
#A49466 |
rgb(164,148,102) |
hsl(45,25%,52%) |