Sienna (CSS) Triadic Color Scheme

Five colors arranged by the triadic rule around Sienna (CSS) (#A0522D), each snapped to its nearest named color.

#A0522D

#2AAA45

#5930A9

#D08363

#1B6634

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Sienna (CSS)	`#A0522D`	160, 82, 45	19°, 56%, 40%	0, 49, 72, 37	52.6% 0.115 45
Vitalize	`#2AAA45`	42, 170, 69	133°, 60%, 42%	75, 0, 59, 33	64.9% 0.178 146
Royalty	`#5930A9`	89, 48, 169	260°, 56%, 43%	47, 72, 0, 34	43.5% 0.181 293
Burning Sand	`#D08363`	208, 131, 99	18°, 54%, 60%	0, 37, 52, 18	68.3% 0.106 43
Bucolic	`#1B6634`	27, 102, 52	140°, 58%, 25%	74, 0, 49, 60	45.2% 0.108 150

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5930A9 on #D08363	2.94:1	—
Aa #2AAA45 on #5930A9	2.86:1	—
Aa #D08363 on #1B6634	2.37:1	—
Aa #2AAA45 on #1B6634	2.31:1	—
Aa #A0522D on #D08363	1.90:1	—
Aa #A0522D on #2AAA45	1.85:1	—

CSS variables

:root {
  --color-1: #a0522d; /* Sienna (CSS) */
  --color-2: #2aaa45; /* Vitalize */
  --color-3: #5930a9; /* Royalty */
  --color-4: #d08363; /* Burning Sand */
  --color-5: #1b6634; /* Bucolic */
}

Other schemes from Sienna (CSS)

More medium orange triadic color schemes

Questions

What colors go with Sienna (CSS)?

In a triadic scheme: Vitalize (#2AAA45), Royalty (#5930A9), Burning Sand (#D08363), Bucolic (#1B6634).

What is the hex code of Sienna (CSS)?

#A0522D.