Brown (CSS) Tetradic Color Scheme

Five colors arranged by the tetradic rule around Brown (CSS) (#A52A2A), each snapped to its nearest named color.

#A52A2A

#6CA024

#27A0A8

#7722AA

#CD5C5C

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Brown (CSS)	`#A52A2A`	165, 42, 42	0°, 59%, 41%	0, 75, 75, 35	48.1% 0.160 26
Elven Olympics	`#6CA024`	108, 160, 36	85°, 63%, 38%	32, 0, 78, 37	64.6% 0.159 130
Cancer Seagreen Scarab	`#27A0A8`	39, 160, 168	184°, 62%, 41%	77, 5, 0, 34	64.6% 0.101 202
Fuchsia Nebula	`#7722AA`	119, 34, 170	278°, 67%, 40%	30, 80, 0, 33	45.6% 0.202 308
Common Chestnut	`#CD5C5C`	205, 92, 92	0°, 53%, 58%	0, 55, 55, 20	61.5% 0.144 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6CA024 on #7722AA	2.58:1	—
Aa #27A0A8 on #7722AA	2.58:1	—
Aa #A52A2A on #6CA024	2.26:1	—
Aa #A52A2A on #27A0A8	2.25:1	—
Aa #7722AA on #CD5C5C	2.04:1	—
Aa #A52A2A on #CD5C5C	1.78:1	—

CSS variables

:root {
  --color-1: #a52a2a; /* Brown (CSS) */
  --color-2: #6ca024; /* Elven Olympics */
  --color-3: #27a0a8; /* Cancer Seagreen Scarab */
  --color-4: #7722aa; /* Fuchsia Nebula */
  --color-5: #cd5c5c; /* Common Chestnut */
}

Other schemes from Brown (CSS)

More medium red tetradic color schemes

Questions

What colors go with Brown (CSS)?

In a tetradic scheme: Elven Olympics (#6CA024), Cancer Seagreen Scarab (#27A0A8), Fuchsia Nebula (#7722AA), Common Chestnut (#CD5C5C).

What is the hex code of Brown (CSS)?

#A52A2A.