Topiary Green Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Topiary Green (#667700), each snapped to its nearest named color.
#667700
#062A78
#49017E
#223300
#024ACA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Topiary Green | #667700 | 102, 119, 0 | 69°, 100%, 23% | 14, 0, 100, 53 | |
| Catalina Blue | #062A78 | 6, 42, 120 | 221°, 90%, 25% | 95, 65, 0, 53 | |
| Invasive Indigo | #49017E | 73, 1, 126 | 275°, 98%, 25% | 42, 99, 0, 51 | |
| Blind Forest | #223300 | 34, 51, 0 | 80°, 100%, 10% | 33, 0, 100, 80 | |
| Flying Fish Blue | #024ACA | 2, 74, 202 | 218°, 98%, 40% | 99, 63, 0, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #667700 on #223300 | 2.73:1 | — |
| Aa #667700 on #49017E | 2.65:1 | — |
| Aa #667700 on #062A78 | 2.61:1 | — |
| Aa #223300 on #024ACA | 1.84:1 | — |
| Aa #49017E on #024ACA | 1.78:1 | — |
| Aa #062A78 on #024ACA | 1.76:1 | — |
CSS variables
:root {
--color-1: #667700; /* Topiary Green */
--color-2: #062a78; /* Catalina Blue */
--color-3: #49017e; /* Invasive Indigo */
--color-4: #223300; /* Blind Forest */
--color-5: #024aca; /* Flying Fish Blue */
}Other schemes from Topiary Green
- Topiary Green Complementary Color Scheme#667700#BFCF00#110077#06012C#3300CC
- Topiary Green Analogous Color Scheme#771100#7F4C00#667700#227700#007711
- Topiary Green Triadic Color Scheme#667700#006477#730061#BBDD00#032425
- Topiary Green Tetradic Color Scheme#667700#00754B#110077#7B002C#BBDD00
- Topiary Green Monochromatic Color Scheme#1F180A#223300#667700#A7C408#DFFF11
More Dark Yellow split-complementary palettes
- Alligator Split-complementary Color Scheme#886600#006585#220088#3C3005#0099D1
- Augustus Asparagus Split-complementary Color Scheme#90AA0B#0044AA#6611AA#556600#1D5DEC
- Ayahuasca Vine Split-complementary Color Scheme#665500#004466#220066#1F180A#0075B3
- Bancha Split-complementary Color Scheme#666A47#455371#5C4671#3E3D29#5B7A9C
- Bay Leaf Split-complementary Color Scheme#86793D#3E6F87#4B3C8E#524B2A#5D98B3
- Beat Around the Bush Split-complementary Color Scheme#6E6A44#435A6F#544173#3E3D29#5A839E
- BioShock Split-complementary Color Scheme#889900#033B9A#5E0092#404C02#0055EE
- Capers Split-complementary Color Scheme#897A3E#3D7188#5B3E90#584C25#5D98B3
- Captain Kirk Split-complementary Color Scheme#9B870C#0A6B92#440099#544E03#1199EE
- Chorus of Frogs Split-complementary Color Scheme#8C9632#2E5894#663399#4B5D16#507BCE
- Citrus Split-complementary Color Scheme#9FB70A#0048BA#6611AA#6A6E09#1F66FF
- Countryside Split-complementary Color Scheme#A4A404#0853A7#5500AA#565C00#0078F8
Questions
What colors go with Topiary Green?
In a split-complementary scheme: Catalina Blue (#062A78), Invasive Indigo (#49017E), Blind Forest (#223300), Flying Fish Blue (#024ACA).
What is the hex code of Topiary Green?
#667700.