Brown (CSS) Triadic Color Scheme

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

#A52A2A

#2BA727

#2138AB

#CD5C5C

#116611

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
Dry Highlighter Green	`#2BA727`	43, 167, 39	118°, 62%, 40%	74, 0, 77, 35	63.8% 0.195 143
Yuè Guāng Lán Blue	`#2138AB`	33, 56, 171	230°, 68%, 40%	81, 67, 0, 33	40.7% 0.184 268
Common Chestnut	`#CD5C5C`	205, 92, 92	0°, 53%, 58%	0, 55, 55, 20	61.5% 0.144 22
Overgrown Temple	`#116611`	17, 102, 17	120°, 71%, 23%	83, 0, 83, 60	44.5% 0.140 143

Which pairs work for text

Text on background	Contrast	WCAG
Aa #2BA727 on #2138AB	3.00:1	AA large
Aa #2138AB on #CD5C5C	2.38:1	—
Aa #2BA727 on #116611	2.27:1	—
Aa #A52A2A on #2BA727	2.25:1	—
Aa #CD5C5C on #116611	1.80:1	—
Aa #A52A2A on #CD5C5C	1.78:1	—

CSS variables

:root {
  --color-1: #a52a2a; /* Brown (CSS) */
  --color-2: #2ba727; /* Dry Highlighter Green */
  --color-3: #2138ab; /* Yuè Guāng Lán Blue */
  --color-4: #cd5c5c; /* Common Chestnut */
  --color-5: #116611; /* Overgrown Temple */
}

Other schemes from Brown (CSS)

More medium red triadic color schemes

Questions

What colors go with Brown (CSS)?

In a triadic scheme: Dry Highlighter Green (#2BA727), Yuè Guāng Lán Blue (#2138AB), Common Chestnut (#CD5C5C), Overgrown Temple (#116611).

What is the hex code of Brown (CSS)?

#A52A2A.