Cactus Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cactus (#5B6F55), each snapped to its nearest named color.
#5B6F55
#584C77
#7B4D6B
#364C2E
#786DAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cactus | #5B6F55 | 91, 111, 85 | 106°, 13%, 38% | 18, 0, 23, 56 | |
| Saffron Crocus | #584C77 | 88, 76, 119 | 257°, 22%, 38% | 26, 36, 0, 53 | |
| Brocade Violet | #7B4D6B | 123, 77, 107 | 321°, 23%, 39% | 0, 37, 13, 52 | |
| Nettle Green | #364C2E | 54, 76, 46 | 104°, 25%, 24% | 29, 0, 39, 70 | |
| Wintertime Mauve | #786DAA | 120, 109, 170 | 251°, 26%, 55% | 29, 36, 0, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #364C2E on #786DAA | 2.05:1 | — |
| Aa #5B6F55 on #364C2E | 1.73:1 | — |
| Aa #584C77 on #786DAA | 1.68:1 | — |
| Aa #7B4D6B on #786DAA | 1.47:1 | — |
| Aa #5B6F55 on #584C77 | 1.42:1 | — |
| Aa #7B4D6B on #364C2E | 1.40:1 | — |
CSS variables
:root {
--color-1: #5b6f55; /* Cactus */
--color-2: #584c77; /* Saffron Crocus */
--color-3: #7b4d6b; /* Brocade Violet */
--color-4: #364c2e; /* Nettle Green */
--color-5: #786daa; /* Wintertime Mauve */
}Other schemes from Cactus
- Cactus Complementary Color Scheme#5B6F55#87AE73#724C7B#452E4A#A47BAC
- Cactus Analogous Color Scheme#786E4C#6E7C45#5B6F55#4C785C#49796B
- Cactus Triadic Color Scheme#5B6F55#4C567A#7A4B56#8AAE7C#2B3449
- Cactus Tetradic Color Scheme#5B6F55#486C7A#724C7B#7B5847#8AAE7C
- Cactus Monochromatic Color Scheme#141513#374231#5B6F55#80987A#ACB7A8
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 Cactus?
In a split-complementary scheme: Saffron Crocus (#584C77), Brocade Violet (#7B4D6B), Nettle Green (#364C2E), Wintertime Mauve (#786DAA).
What is the hex code of Cactus?
#5B6F55.