Toad Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Toad (#748D70), each snapped to its nearest named color.
#748D70
#6C5D97
#9D5B8B
#476E42
#9D8ABF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Toad | #748D70 | 116, 141, 112 | 112°, 11%, 50% | 18, 0, 21, 45 | |
| Just a Fairytale | #6C5D97 | 108, 93, 151 | 256°, 24%, 48% | 28, 38, 0, 41 | |
| Kyo Purple | #9D5B8B | 157, 91, 139 | 316°, 27%, 49% | 0, 42, 11, 38 | |
| Under the Radar | #476E42 | 71, 110, 66 | 113°, 25%, 35% | 35, 0, 40, 57 | |
| Cold Purple | #9D8ABF | 157, 138, 191 | 262°, 29%, 65% | 18, 28, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #476E42 on #9D8ABF | 1.91:1 | — |
| Aa #6C5D97 on #9D8ABF | 1.87:1 | — |
| Aa #748D70 on #476E42 | 1.62:1 | — |
| Aa #9D5B8B on #9D8ABF | 1.59:1 | — |
| Aa #748D70 on #6C5D97 | 1.59:1 | — |
| Aa #748D70 on #9D5B8B | 1.34:1 | — |
CSS variables
:root {
--color-1: #748d70; /* Toad */
--color-2: #6c5d97; /* Just a Fairytale */
--color-3: #9d5b8b; /* Kyo Purple */
--color-4: #476e42; /* Under the Radar */
--color-5: #9d8abf; /* Cold Purple */
}Other schemes from Toad
- Toad Complementary Color Scheme#748D70#9FC09C#9F5F9F#62416D#C09DC8
- Toad Analogous Color Scheme#9E915C#8C9E5E#748D70#5E9D7B#5F9E8F
- Toad Triadic Color Scheme#748D70#5B649E#915F66#A3C899#43456D
- Toad Tetradic Color Scheme#748D70#5C899B#9F5F9F#9B775E#A3C899
- Toad Monochromatic Color Scheme#2E372E#4F604F#748D70#9FAC98#C6D1C4
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Toad?
In a split-complementary scheme: Just a Fairytale (#6C5D97), Kyo Purple (#9D5B8B), Under the Radar (#476E42), Cold Purple (#9D8ABF).
What is the hex code of Toad?
#748D70.