HEX #689CA0 color — Gothic
The color #689CA0 is a light shade and slightly desaturated.
Palette
689CA0 color palette from light to dark
HEX |
RGB |
HSL |
#f6f9f9 |
rgb(246,249,249) |
hsl(184,23%,97%) |
#e6efef |
rgb(230,239,239) |
hsl(184,23%,92%) |
#d6e4e5 |
rgb(214,228,229) |
hsl(184,23%,87%) |
#c7dadc |
rgb(199,218,220) |
hsl(184,23%,82%) |
#b7d0d2 |
rgb(183,208,210) |
hsl(184,23%,77%) |
#a7c6c8 |
rgb(167,198,200) |
hsl(184,23%,72%) |
#97bcbe |
rgb(151,188,190) |
hsl(184,23%,67%) |
#88b1b4 |
rgb(136,177,180) |
hsl(184,23%,62%) |
#78a7ab |
rgb(120,167,171) |
hsl(184,23%,57%) |
#689da1 |
rgb(104,157,161) |
hsl(184,23%,52%) |
#5c9093 |
rgb(92,144,147) |
hsl(184,23%,47%) |
#528084 |
rgb(82,128,132) |
hsl(184,23%,42%) |
#497174 |
rgb(73,113,116) |
hsl(184,23%,37%) |
#3f6264 |
rgb(63,98,100) |
hsl(184,23%,32%) |
#355355 |
rgb(53,83,85) |
hsl(184,23%,27%) |
#2b4345 |
rgb(43,67,69) |
hsl(184,23%,22%) |
#213435 |
rgb(33,52,53) |
hsl(184,23%,17%) |
#182526 |
rgb(24,37,38) |
hsl(184,23%,12%) |
#0e1516 |
rgb(14,21,22) |
hsl(184,23%,7%) |
#040606 |
rgb(4,6,6) |
hsl(184,23%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#68A17E |
rgb(104,161,126) |
hsl(143,23%,52%) |
#689CA0 |
rgb(104,156,160) |
hsl(184,23%,52%) |
#6878A0 |
rgb(104,120,160) |
hsl(223,23%,52%) |
Monochromatic colors
HEX |
RGB |
HSL |
#9BBFC0 |
rgb(155,191,192) |
hsl(182,23%,68%) |
#81ADB0 |
rgb(129,173,176) |
hsl(184,23%,60%) |
#689CA0 |
rgb(104,156,160) |
hsl(184,23%,52%) |
#558588 |
rgb(85,133,136) |
hsl(184,23%,43%) |
#456B6E |
rgb(69,107,110) |
hsl(184,23%,35%) |
#355254 |
rgb(53,82,84) |
hsl(184,23%,27%) |
Triad color palettes
HEX |
RGB |
HSL |
#689CA0 |
rgb(104,156,160) |
hsl(184,23%,52%) |
#A06980 |
rgb(160,105,128) |
hsl(335,22%,52%) |
#A08768 |
rgb(160,135,104) |
hsl(33,23%,52%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#689CA0 |
rgb(104,156,160) |
hsl(184,23%,52%) |
#A06B68 |
rgb(160,107,104) |
hsl(3,23%,52%) |
#68A188 |
rgb(104,161,136) |
hsl(154,23%,52%) |
#A08768 |
rgb(160,135,104) |
hsl(33,23%,52%) |