Monstera Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Monstera (#5F674B), each snapped to its nearest named color.
#5F674B
#404D6A
#62416D
#393D2A
#5A6E9C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Monstera | #5F674B | 95, 103, 75 | 77°, 16%, 35% | 8, 0, 27, 60 | |
| Blackberry Cobbler | #404D6A | 64, 77, 106 | 221°, 25%, 33% | 40, 27, 0, 58 | |
| Magenta Red Lips | #62416D | 98, 65, 109 | 285°, 25%, 34% | 10, 40, 0, 57 | |
| Green Kelp | #393D2A | 57, 61, 42 | 73°, 18%, 20% | 7, 0, 31, 76 | |
| Moonshade | #5A6E9C | 90, 110, 156 | 222°, 27%, 48% | 42, 29, 0, 39 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #393D2A on #5A6E9C | 2.21:1 | — |
| Aa #5F674B on #393D2A | 1.88:1 | — |
| Aa #404D6A on #5A6E9C | 1.67:1 | — |
| Aa #62416D on #5A6E9C | 1.66:1 | — |
| Aa #5F674B on #404D6A | 1.42:1 | — |
| Aa #5F674B on #62416D | 1.41:1 | — |
CSS variables
:root {
--color-1: #5f674b; /* Monstera */
--color-2: #404d6a; /* Blackberry Cobbler */
--color-3: #62416d; /* Magenta Red Lips */
--color-4: #393d2a; /* Green Kelp */
--color-5: #5a6e9c; /* Moonshade */
}Other schemes from Monstera
- Monstera Complementary Color Scheme#5F674B#98A76E#4D426E#272A3B#8272A4
- Monstera Analogous Color Scheme#6F4E43#706842#5F674B#4A6D42#477050
- Monstera Triadic Color Scheme#5F674B#47626F#6D4660#98A76E#273E3E
- Monstera Tetradic Color Scheme#5F674B#437064#4D426E#6F434A#98A76E
- Monstera Monochromatic Color Scheme#12110E#39392C#5F674B#8A966A#ACB397
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 Monstera?
In a split-complementary scheme: Blackberry Cobbler (#404D6A), Magenta Red Lips (#62416D), Green Kelp (#393D2A), Moonshade (#5A6E9C).
What is the hex code of Monstera?
#5F674B.