Brown Complementary Color Scheme

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

#653700

#CA6B02

#002E63

#01081C

#0055CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Brown	`#653700`	101, 55, 0	33°, 100%, 20%	0, 46, 100, 60
Sludge	`#CA6B02`	202, 107, 2	32°, 98%, 40%	0, 47, 99, 21
Cool Black	`#002E63`	0, 46, 99	212°, 100%, 19%	100, 54, 0, 61
Melanophobia	`#01081C`	1, 8, 28	224°, 93%, 6%	96, 71, 0, 89
Dead Blue Eyes	`#0055CC`	0, 85, 204	215°, 100%, 40%	100, 58, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CA6B02 on #01081C	5.33:1	AA
Aa #CA6B02 on #002E63	3.57:1	AA large
Aa #01081C on #0055CC	3.01:1	AA large
Aa #653700 on #CA6B02	2.67:1	—
Aa #002E63 on #0055CC	2.02:1	—
Aa #653700 on #01081C	1.99:1	—

CSS variables

:root {
  --color-1: #653700; /* Brown */
  --color-2: #ca6b02; /* Sludge */
  --color-3: #002e63; /* Cool Black */
  --color-4: #01081c; /* Melanophobia */
  --color-5: #0055cc; /* Dead Blue Eyes */
}

Other schemes from Brown

More Very Dark Orange complementary palettes

Questions

What colors go with Brown?

In a complementary scheme: Sludge (#CA6B02), Cool Black (#002E63), Melanophobia (#01081C), Dead Blue Eyes (#0055CC).

What is the hex code of Brown?

#653700.