Chocolate Rain Complementary Color Scheme

Five colors arranged by the complementary rule around Chocolate Rain (#714F29), each snapped to its nearest named color.

#714F29

#B77D42

#2A4B6E

#18233D

#477BBD

Color names and codes

Name	HEX	RGB	HSL	CMYK
Chocolate Rain	`#714F29`	113, 79, 41	32°, 47%, 30%	0, 30, 64, 56
Spruce Yellow	`#B77D42`	183, 125, 66	30°, 47%, 49%	0, 32, 64, 28
Blue Tang	`#2A4B6E`	42, 75, 110	211°, 45%, 30%	62, 32, 0, 57
Cool Balaclavas Are Forever	`#18233D`	24, 35, 61	222°, 44%, 17%	61, 43, 0, 76
Parkwater	`#477BBD`	71, 123, 189	214°, 47%, 51%	62, 35, 0, 26

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B77D42 on #18233D	4.47:1	AA large
Aa #18233D on #477BBD	3.59:1	AA large
Aa #B77D42 on #2A4B6E	2.59:1	—
Aa #714F29 on #18233D	2.12:1	—
Aa #714F29 on #B77D42	2.11:1	—
Aa #2A4B6E on #477BBD	2.08:1	—

CSS variables

:root {
  --color-1: #714f29; /* Chocolate Rain */
  --color-2: #b77d42; /* Spruce Yellow */
  --color-3: #2a4b6e; /* Blue Tang */
  --color-4: #18233d; /* Cool Balaclavas Are Forever */
  --color-5: #477bbd; /* Parkwater */
}

Other schemes from Chocolate Rain

More Dark Orange complementary palettes

Questions

What colors go with Chocolate Rain?

In a complementary scheme: Spruce Yellow (#B77D42), Blue Tang (#2A4B6E), Cool Balaclavas Are Forever (#18233D), Parkwater (#477BBD).

What is the hex code of Chocolate Rain?

#714F29.