Teak Complementary Color Scheme

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

#AB8953

#CBB391

#5376AB

#355376

#95A9CD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Teak	`#AB8953`	171, 137, 83	37°, 35%, 50%	0, 20, 51, 33
Tropical Tan	`#CBB391`	203, 179, 145	35°, 36%, 68%	0, 12, 29, 20
Flying Fish	`#5376AB`	83, 118, 171	216°, 35%, 50%	51, 31, 0, 33
Aerostatics	`#355376`	53, 83, 118	212°, 38%, 34%	55, 30, 0, 54
Hopeful Dream	`#95A9CD`	149, 169, 205	219°, 36%, 69%	27, 18, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CBB391 on #355376	3.92:1	AA large
Aa #355376 on #95A9CD	3.33:1	AA large
Aa #AB8953 on #355376	2.43:1	—
Aa #CBB391 on #5376AB	2.29:1	—
Aa #5376AB on #95A9CD	1.94:1	—
Aa #5376AB on #355376	1.72:1	—

CSS variables

:root {
  --color-1: #ab8953; /* Teak */
  --color-2: #cbb391; /* Tropical Tan */
  --color-3: #5376ab; /* Flying Fish */
  --color-4: #355376; /* Aerostatics */
  --color-5: #95a9cd; /* Hopeful Dream */
}

Other schemes from Teak

More Medium Orange complementary palettes

Questions

What colors go with Teak?

In a complementary scheme: Tropical Tan (#CBB391), Flying Fish (#5376AB), Aerostatics (#355376), Hopeful Dream (#95A9CD).

What is the hex code of Teak?

#AB8953.