Porcini Complementary Color Scheme

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

#D9AE86

#EEDDCC

#84AFD5

#4A87CB

#D2E2F2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Porcini	`#D9AE86`	217, 174, 134	29°, 52%, 69%	0, 20, 38, 15
Bare Bone	`#EEDDCC`	238, 221, 204	30°, 50%, 87%	0, 7, 14, 7
Boo Blue	`#84AFD5`	132, 175, 213	208°, 49%, 68%	38, 18, 0, 16
Blue Sonki	`#4A87CB`	74, 135, 203	212°, 55%, 54%	64, 33, 0, 20
Weathered Blue	`#D2E2F2`	210, 226, 242	210°, 55%, 89%	13, 7, 0, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4A87CB on #D2E2F2	2.83:1	—
Aa #EEDDCC on #4A87CB	2.82:1	—
Aa #D9AE86 on #4A87CB	1.84:1	—
Aa #84AFD5 on #D2E2F2	1.75:1	—
Aa #EEDDCC on #84AFD5	1.75:1	—
Aa #84AFD5 on #4A87CB	1.61:1	—

CSS variables

:root {
  --color-1: #d9ae86; /* Porcini */
  --color-2: #eeddcc; /* Bare Bone */
  --color-3: #84afd5; /* Boo Blue */
  --color-4: #4a87cb; /* Blue Sonki */
  --color-5: #d2e2f2; /* Weathered Blue */
}

Other schemes from Porcini

More Light Orange complementary palettes

Questions

What colors go with Porcini?

In a complementary scheme: Bare Bone (#EEDDCC), Boo Blue (#84AFD5), Blue Sonki (#4A87CB), Weathered Blue (#D2E2F2).

What is the hex code of Porcini?

#D9AE86.