Beau Vert Triadic Color Scheme

Five colors arranged by the triadic rule around Beau Vert (#0C6064), each snapped to its nearest named color.

#0C6064

#660066

#696112

#19B6B5

#220011

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Beau Vert	`#0C6064`	12, 96, 100	183°, 79%, 22%	88, 4, 0, 61	44.6% 0.072 200
Purple Dreamer	`#660066`	102, 0, 102	300°, 100%, 20%	0, 100, 0, 60	35.8% 0.165 328
Greenish Brown	`#696112`	105, 97, 18	54°, 71%, 24%	0, 8, 83, 59	48.6% 0.095 103
Swagger	`#19B6B5`	25, 182, 181	180°, 76%, 41%	86, 0, 1, 29	70.4% 0.117 194
Belladonna	`#220011`	34, 0, 17	330°, 100%, 7%	0, 100, 50, 87	16.5% 0.068 353

Which pairs work for text

Text on background	Contrast	WCAG
Aa #19B6B5 on #220011	7.81:1	AAA
Aa #660066 on #19B6B5	4.78:1	AA
Aa #696112 on #220011	3.08:1	AA large
Aa #0C6064 on #19B6B5	2.92:1	—
Aa #0C6064 on #220011	2.67:1	—
Aa #696112 on #19B6B5	2.53:1	—

CSS variables

:root {
  --color-1: #0c6064; /* Beau Vert */
  --color-2: #660066; /* Purple Dreamer */
  --color-3: #696112; /* Greenish Brown */
  --color-4: #19b6b5; /* Swagger */
  --color-5: #220011; /* Belladonna */
}

Other schemes from Beau Vert

More dark teal triadic color schemes

Questions

What colors go with Beau Vert?

In a triadic scheme: Purple Dreamer (#660066), Greenish Brown (#696112), Swagger (#19B6B5), Belladonna (#220011).

What is the hex code of Beau Vert?

#0C6064.