Organic Complementary Color Scheme

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

#747261

#ADAC7C

#4D5588

#333355

#888CBA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Organic	`#747261`	116, 114, 97	54°, 9%, 42%	0, 2, 16, 55
Stuffed Olive	`#ADAC7C`	173, 172, 124	59°, 23%, 58%	0, 1, 28, 32
Baby Whale	`#4D5588`	77, 85, 136	232°, 28%, 42%	43, 38, 0, 47
Haunted Dreams	`#333355`	51, 51, 85	240°, 25%, 27%	40, 40, 0, 67
Soft Blue Lavender	`#888CBA`	136, 140, 186	235°, 27%, 63%	27, 25, 0, 27

Which pairs work for text

Text on background	Contrast	WCAG
Aa #ADAC7C on #333355	5.14:1	AA
Aa #333355 on #888CBA	3.73:1	AA large
Aa #ADAC7C on #4D5588	3.02:1	AA large
Aa #747261 on #333355	2.48:1	—
Aa #4D5588 on #888CBA	2.19:1	—
Aa #747261 on #ADAC7C	2.08:1	—

CSS variables

:root {
  --color-1: #747261; /* Organic */
  --color-2: #adac7c; /* Stuffed Olive */
  --color-3: #4d5588; /* Baby Whale */
  --color-4: #333355; /* Haunted Dreams */
  --color-5: #888cba; /* Soft Blue Lavender */
}

Other schemes from Organic

More Medium Gray complementary palettes

Questions

What colors go with Organic?

In a complementary scheme: Stuffed Olive (#ADAC7C), Baby Whale (#4D5588), Haunted Dreams (#333355), Soft Blue Lavender (#888CBA).

What is the hex code of Organic?

#747261.