Toad King Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Toad King (#3D6C54), each snapped to its nearest named color.
#3D6C54
#673E6E
#6A3C3B
#20392C
#9F5F9F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Toad King | #3D6C54 | 61, 108, 84 | 149°, 28%, 33% | 44, 0, 22, 58 | |
| Majesty | #673E6E | 103, 62, 110 | 291°, 28%, 34% | 6, 44, 0, 57 | |
| Covered Bridge | #6A3C3B | 106, 60, 59 | 1°, 28%, 32% | 0, 43, 44, 58 | |
| Palm Green | #20392C | 32, 57, 44 | 149°, 28%, 17% | 44, 0, 23, 78 | |
| Heath Spotted Orchid | #9F5F9F | 159, 95, 159 | 300°, 25%, 50% | 0, 40, 0, 38 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #20392C on #9F5F9F | 2.74:1 | — |
| Aa #3D6C54 on #20392C | 2.06:1 | — |
| Aa #6A3C3B on #9F5F9F | 1.99:1 | — |
| Aa #673E6E on #9F5F9F | 1.85:1 | — |
| Aa #3D6C54 on #6A3C3B | 1.49:1 | — |
| Aa #673E6E on #20392C | 1.48:1 | — |
CSS variables
:root {
--color-1: #3d6c54; /* Toad King */
--color-2: #673e6e; /* Majesty */
--color-3: #6a3c3b; /* Covered Bridge */
--color-4: #20392c; /* Palm Green */
--color-5: #9f5f9f; /* Heath Spotted Orchid */
}Other schemes from Toad King
- Toad King Complementary Color Scheme#3D6C54#64A281#6E3D58#3C202F#A96388
- Toad King Analogous Color Scheme#596C3C#3B6C3F#3D6C54#3E6D6A#3C586B
- Toad King Triadic Color Scheme#3D6C54#513B6E#6D563C#61AC86#2C2133
- Toad King Tetradic Color Scheme#3D6C54#3B3B6D#6E3D58#6E6A3B#61AC86
- Toad King Monochromatic Color Scheme#121210#20392C#3D6C54#5E9D7B#87BEA3
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Toad King?
In a split-complementary scheme: Majesty (#673E6E), Covered Bridge (#6A3C3B), Palm Green (#20392C), Heath Spotted Orchid (#9F5F9F).
What is the hex code of Toad King?
#3D6C54.