Toad Complementary Color Scheme

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

#748D70

#9FC09C

#9F5F9F

#62416D

#C09DC8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Toad	`#748D70`	116, 141, 112	112°, 11%, 50%	18, 0, 21, 45
Spruce Stone	`#9FC09C`	159, 192, 156	115°, 22%, 68%	17, 0, 19, 25
Heath Spotted Orchid	`#9F5F9F`	159, 95, 159	300°, 25%, 50%	0, 40, 0, 38
Magenta Red Lips	`#62416D`	98, 65, 109	285°, 25%, 34%	10, 40, 0, 57
Lilac Pink	`#C09DC8`	192, 157, 200	289°, 28%, 70%	4, 21, 0, 22

Which pairs work for text

Text on background	Contrast	WCAG
Aa #9FC09C on #62416D	4.20:1	AA large
Aa #62416D on #C09DC8	3.56:1	AA large
Aa #748D70 on #62416D	2.32:1	—
Aa #9FC09C on #9F5F9F	2.28:1	—
Aa #9F5F9F on #C09DC8	1.93:1	—
Aa #9F5F9F on #62416D	1.85:1	—

CSS variables

:root {
  --color-1: #748d70; /* Toad */
  --color-2: #9fc09c; /* Spruce Stone */
  --color-3: #9f5f9f; /* Heath Spotted Orchid */
  --color-4: #62416d; /* Magenta Red Lips */
  --color-5: #c09dc8; /* Lilac Pink */
}

Other schemes from Toad

More Medium Gray complementary palettes

Questions

What colors go with Toad?

In a complementary scheme: Spruce Stone (#9FC09C), Heath Spotted Orchid (#9F5F9F), Magenta Red Lips (#62416D), Lilac Pink (#C09DC8).

What is the hex code of Toad?

#748D70.