Chinotto Complementary Color Scheme

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

#554747

#9B5B55

#3A6364

#193232

#60A0A3

Color names and codes

Name	HEX	RGB	HSL	CMYK
Chinotto	`#554747`	85, 71, 71	0°, 9%, 31%	0, 16, 16, 67
Rhode Island Red	`#9B5B55`	155, 91, 85	5°, 29%, 47%	0, 41, 45, 39
Pyrite Green	`#3A6364`	58, 99, 100	181°, 27%, 31%	42, 1, 0, 61
Dark Pine Green	`#193232`	25, 50, 50	180°, 33%, 15%	50, 0, 0, 80
Meadowbrook	`#60A0A3`	96, 160, 163	183°, 27%, 51%	41, 2, 0, 36

Which pairs work for text

Text on background	Contrast	WCAG
Aa #193232 on #60A0A3	4.57:1	AA
Aa #554747 on #60A0A3	2.97:1	—
Aa #9B5B55 on #193232	2.61:1	—
Aa #3A6364 on #60A0A3	2.24:1	—
Aa #3A6364 on #193232	2.04:1	—
Aa #9B5B55 on #60A0A3	1.75:1	—

CSS variables

:root {
  --color-1: #554747; /* Chinotto */
  --color-2: #9b5b55; /* Rhode Island Red */
  --color-3: #3a6364; /* Pyrite Green */
  --color-4: #193232; /* Dark Pine Green */
  --color-5: #60a0a3; /* Meadowbrook */
}

Other schemes from Chinotto

More Dark Gray complementary palettes

Questions

What colors go with Chinotto?

In a complementary scheme: Rhode Island Red (#9B5B55), Pyrite Green (#3A6364), Dark Pine Green (#193232), Meadowbrook (#60A0A3).

What is the hex code of Chinotto?

#554747.