Treasury Complementary Color Scheme

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

#DBD186

#F1EBCD

#8B98D8

#4455CC

#D2D8F4

Color names and codes

Name	HEX	RGB	HSL	CMYK
Treasury	`#DBD186`	219, 209, 134	53°, 54%, 69%	0, 5, 39, 14
Pacific Sand	`#F1EBCD`	241, 235, 205	50°, 56%, 87%	0, 2, 15, 5
Portage	`#8B98D8`	139, 152, 216	230°, 50%, 70%	36, 30, 0, 15
Gorgonzola Blue	`#4455CC`	68, 85, 204	233°, 57%, 53%	67, 58, 0, 20
Flax Bloom	`#D2D8F4`	210, 216, 244	229°, 61%, 89%	14, 11, 0, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F1EBCD on #4455CC	5.12:1	AA
Aa #4455CC on #D2D8F4	4.35:1	AA large
Aa #DBD186 on #4455CC	3.94:1	AA large
Aa #F1EBCD on #8B98D8	2.31:1	—
Aa #8B98D8 on #4455CC	2.22:1	—
Aa #8B98D8 on #D2D8F4	1.96:1	—

CSS variables

:root {
  --color-1: #dbd186; /* Treasury */
  --color-2: #f1ebcd; /* Pacific Sand */
  --color-3: #8b98d8; /* Portage */
  --color-4: #4455cc; /* Gorgonzola Blue */
  --color-5: #d2d8f4; /* Flax Bloom */
}

Other schemes from Treasury

More Light Yellow complementary palettes

Questions

What colors go with Treasury?

In a complementary scheme: Pacific Sand (#F1EBCD), Portage (#8B98D8), Gorgonzola Blue (#4455CC), Flax Bloom (#D2D8F4).

What is the hex code of Treasury?

#DBD186.