Pi Complementary Color Scheme

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

#314159

#546E91

#564A33

#2C201A

#9A7F55

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pi	`#314159`	49, 65, 89	216°, 29%, 27%	45, 27, 0, 65
Charter Blue	`#546E91`	84, 110, 145	214°, 27%, 45%	42, 24, 0, 43
Hóng Zōng Brown	`#564A33`	86, 74, 51	39°, 26%, 27%	0, 14, 41, 66
Weathervane	`#2C201A`	44, 32, 26	20°, 26%, 14%	0, 27, 41, 83
Branching-Out Olive	`#9A7F55`	154, 127, 85	37°, 29%, 47%	0, 18, 45, 40

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2C201A on #9A7F55	4.17:1	AA large
Aa #546E91 on #2C201A	3.02:1	AA large
Aa #314159 on #9A7F55	2.73:1	—
Aa #564A33 on #9A7F55	2.29:1	—
Aa #314159 on #546E91	1.98:1	—
Aa #564A33 on #2C201A	1.82:1	—

CSS variables

:root {
  --color-1: #314159; /* Pi */
  --color-2: #546e91; /* Charter Blue */
  --color-3: #564a33; /* Hóng Zōng Brown */
  --color-4: #2c201a; /* Weathervane */
  --color-5: #9a7f55; /* Branching-Out Olive */
}

Other schemes from Pi

More Dark Blue complementary palettes

Questions

What colors go with Pi?

In a complementary scheme: Charter Blue (#546E91), Hóng Zōng Brown (#564A33), Weathervane (#2C201A), Branching-Out Olive (#9A7F55).

What is the hex code of Pi?

#314159.