Gothic Complementary Color Scheme

Five colors arranged by the complementary rule around Gothic (#698890), each snapped to its nearest named color.

#698890

#94B8C1

#9C675F

#6B4A40

#C6A499

Color names and codes

Name	HEX	RGB	HSL	CMYK
Gothic	`#698890`	105, 136, 144	192°, 16%, 49%	27, 6, 0, 44
Tahoe Blue	`#94B8C1`	148, 184, 193	192°, 27%, 67%	23, 5, 0, 24
Terra Cotta Sun	`#9C675F`	156, 103, 95	8°, 24%, 49%	0, 34, 39, 39
Maximum Mocha	`#6B4A40`	107, 74, 64	14°, 25%, 34%	0, 31, 40, 58
Rose Bisque	`#C6A499`	198, 164, 153	15°, 28%, 69%	0, 17, 23, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #94B8C1 on #6B4A40	3.69:1	AA large
Aa #6B4A40 on #C6A499	3.42:1	AA large
Aa #94B8C1 on #9C675F	2.19:1	—
Aa #698890 on #6B4A40	2.06:1	—
Aa #9C675F on #C6A499	2.03:1	—
Aa #698890 on #94B8C1	1.79:1	—

CSS variables

:root {
  --color-1: #698890; /* Gothic */
  --color-2: #94b8c1; /* Tahoe Blue */
  --color-3: #9c675f; /* Terra Cotta Sun */
  --color-4: #6b4a40; /* Maximum Mocha */
  --color-5: #c6a499; /* Rose Bisque */
}

Other schemes from Gothic

More Medium Teal complementary palettes

Questions

What colors go with Gothic?

In a complementary scheme: Tahoe Blue (#94B8C1), Terra Cotta Sun (#9C675F), Maximum Mocha (#6B4A40), Rose Bisque (#C6A499).

What is the hex code of Gothic?

#698890.