Brown Tetradic Color Scheme

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

#653700

#046307

#002E63

#660066

#CA6B02

Color names and codes

Name	HEX	RGB	HSL	CMYK
Brown	`#653700`	101, 55, 0	33°, 100%, 20%	0, 46, 100, 60
Emerald Green	`#046307`	4, 99, 7	122°, 92%, 20%	96, 0, 93, 61
Cool Black	`#002E63`	0, 46, 99	212°, 100%, 19%	100, 54, 0, 61
Purple Dreamer	`#660066`	102, 0, 102	300°, 100%, 20%	0, 100, 0, 60
Sludge	`#CA6B02`	202, 107, 2	32°, 98%, 40%	0, 47, 99, 21

Which pairs work for text

Text on background	Contrast	WCAG
Aa #002E63 on #CA6B02	3.57:1	AA large
Aa #660066 on #CA6B02	3.20:1	AA large
Aa #653700 on #CA6B02	2.67:1	—
Aa #046307 on #CA6B02	2.01:1	—
Aa #046307 on #002E63	1.78:1	—
Aa #046307 on #660066	1.59:1	—

CSS variables

:root {
  --color-1: #653700; /* Brown */
  --color-2: #046307; /* Emerald Green */
  --color-3: #002e63; /* Cool Black */
  --color-4: #660066; /* Purple Dreamer */
  --color-5: #ca6b02; /* Sludge */
}

Other schemes from Brown

More Very Dark Orange tetradic palettes

Questions

What colors go with Brown?

In a tetradic scheme: Emerald Green (#046307), Cool Black (#002E63), Purple Dreamer (#660066), Sludge (#CA6B02).

What is the hex code of Brown?

#653700.