Chai Tea Complementary Color Scheme

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

#A97B2D

#D6A75D

#3356AA

#1F3465

#6495DA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Chai Tea	`#A97B2D`	169, 123, 45	38°, 58%, 42%	0, 27, 73, 34
Cat’s Eye Marble	`#D6A75D`	214, 167, 93	37°, 60%, 60%	0, 22, 57, 16
Blasphemous Blue	`#3356AA`	51, 86, 170	222°, 54%, 43%	70, 49, 0, 33
Passionate Blue	`#1F3465`	31, 52, 101	222°, 53%, 26%	69, 49, 0, 60
Little Boy Blue	`#6495DA`	100, 149, 218	215°, 61%, 62%	54, 32, 0, 15

Which pairs work for text

Text on background	Contrast	WCAG
Aa #D6A75D on #1F3465	5.49:1	AA
Aa #1F3465 on #6495DA	3.94:1	AA large
Aa #A97B2D on #1F3465	3.20:1	AA large
Aa #D6A75D on #3356AA	3.13:1	AA large
Aa #3356AA on #6495DA	2.25:1	—
Aa #A97B2D on #3356AA	1.82:1	—

CSS variables

:root {
  --color-1: #a97b2d; /* Chai Tea */
  --color-2: #d6a75d; /* Cat’s Eye Marble */
  --color-3: #3356aa; /* Blasphemous Blue */
  --color-4: #1f3465; /* Passionate Blue */
  --color-5: #6495da; /* Little Boy Blue */
}

Other schemes from Chai Tea

More Medium Orange complementary palettes

Questions

What colors go with Chai Tea?

In a complementary scheme: Cat’s Eye Marble (#D6A75D), Blasphemous Blue (#3356AA), Passionate Blue (#1F3465), Little Boy Blue (#6495DA).

What is the hex code of Chai Tea?

#A97B2D.