Elite Teal Complementary Color Scheme

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

#133337

#2A7279

#341515

#130A06

#87382F

Color names and codes

Name	HEX	RGB	HSL	CMYK
Elite Teal	`#133337`	19, 51, 55	187°, 49%, 15%	65, 7, 0, 78
King Tide	`#2A7279`	42, 114, 121	185°, 48%, 32%	65, 6, 0, 53
Tamarind	`#341515`	52, 21, 21	0°, 42%, 14%	0, 60, 60, 80
Asphalt	`#130A06`	19, 10, 6	18°, 52%, 5%	0, 47, 68, 93
Crabapple	`#87382F`	135, 56, 47	6°, 48%, 36%	0, 59, 65, 47

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2A7279 on #130A06	3.52:1	AA large
Aa #2A7279 on #341515	2.99:1	—
Aa #130A06 on #87382F	2.46:1	—
Aa #133337 on #2A7279	2.43:1	—
Aa #341515 on #87382F	2.09:1	—
Aa #133337 on #87382F	1.69:1	—

CSS variables

:root {
  --color-1: #133337; /* Elite Teal */
  --color-2: #2a7279; /* King Tide */
  --color-3: #341515; /* Tamarind */
  --color-4: #130a06; /* Asphalt */
  --color-5: #87382f; /* Crabapple */
}

Other schemes from Elite Teal

More Very Dark Teal complementary palettes

Questions

What colors go with Elite Teal?

In a complementary scheme: King Tide (#2A7279), Tamarind (#341515), Asphalt (#130A06), Crabapple (#87382F).

What is the hex code of Elite Teal?

#133337.