HEX #7697A2 color — Gothic
The color #7697a2 is a light shade and slightly desaturated.
Palette
7697a2 color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(195,19%,95%) |
#e1e8ea |
rgb(225,232,234) |
hsl(195,19%,90%) |
#d1dce0 |
rgb(209,220,224) |
hsl(195,19%,85%) |
#c2d1d6 |
rgb(194,209,214) |
hsl(195,19%,80%) |
#b3c5cb |
rgb(179,197,203) |
hsl(195,19%,75%) |
#a4bac1 |
rgb(164,186,193) |
hsl(195,19%,70%) |
#95aeb7 |
rgb(149,174,183) |
hsl(195,19%,65%) |
#86a3ac |
rgb(134,163,172) |
hsl(195,19%,60%) |
#7697a2 |
rgb(118,151,162) |
hsl(195,19%,55%) |
#678c98 |
rgb(103,140,152) |
hsl(195,19%,50%) |
#5d7e89 |
rgb(93,126,137) |
hsl(195,19%,45%) |
#537079 |
rgb(83,112,121) |
hsl(195,19%,40%) |
#48626a |
rgb(72,98,106) |
hsl(195,19%,35%) |
#3e545b |
rgb(62,84,91) |
hsl(195,19%,30%) |
#34464c |
rgb(52,70,76) |
hsl(195,19%,25%) |
#29383d |
rgb(41,56,61) |
hsl(195,19%,20%) |
#1f2a2e |
rgb(31,42,46) |
hsl(195,19%,15%) |
#151c1e |
rgb(21,28,30) |
hsl(195,19%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(195,19%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#76A38F |
rgb(118,163,143) |
hsl(153,20%,55%) |
#7697A2 |
rgb(118,151,162) |
hsl(195,19%,55%) |
#767AA2 |
rgb(118,122,162) |
hsl(235,19%,55%) |
Monochromatic colors
HEX |
RGB |
HSL |
#ABBFC6 |
rgb(171,191,198) |
hsl(196,19%,72%) |
#90ABB4 |
rgb(144,171,180) |
hsl(195,19%,64%) |
#7697A2 |
rgb(118,151,162) |
hsl(195,19%,55%) |
#5F828C |
rgb(95,130,140) |
hsl(193,19%,46%) |
#4C6971 |
rgb(76,105,113) |
hsl(193,20%,37%) |
#3A4F56 |
rgb(58,79,86) |
hsl(195,19%,28%) |
Triad color palettes
HEX |
RGB |
HSL |
#7697A2 |
rgb(118,151,162) |
hsl(195,19%,55%) |
#A27581 |
rgb(162,117,129) |
hsl(344,19%,55%) |
#A29676 |
rgb(162,150,118) |
hsl(44,19%,55%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#7697A2 |
rgb(118,151,162) |
hsl(195,19%,55%) |
#A28276 |
rgb(162,130,118) |
hsl(16,19%,55%) |
#76A397 |
rgb(118,163,151) |
hsl(164,20%,55%) |
#A29676 |
rgb(162,150,118) |
hsl(44,19%,55%) |