Pesto di Rucola Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pesto di Rucola (#748A35), each snapped to its nearest named color.
#748A35
#344989
#733C8E
#4B5320
#556CB5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pesto di Rucola | #748A35 | 116, 138, 53 | 76°, 45%, 37% | 16, 0, 62, 46 | |
| Truth | #344989 | 52, 73, 137 | 225°, 45%, 37% | 62, 47, 0, 46 | |
| Perkin Mauve | #733C8E | 115, 60, 142 | 280°, 41%, 40% | 19, 58, 0, 44 | |
| Army Green | #4B5320 | 75, 83, 32 | 69°, 44%, 23% | 10, 0, 61, 67 | |
| Amparo Blue | #556CB5 | 85, 108, 181 | 226°, 39%, 52% | 53, 40, 0, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #748A35 on #344989 | 2.21:1 | — |
| Aa #748A35 on #4B5320 | 2.12:1 | — |
| Aa #748A35 on #733C8E | 1.96:1 | — |
| Aa #344989 on #556CB5 | 1.71:1 | — |
| Aa #4B5320 on #556CB5 | 1.64:1 | — |
| Aa #733C8E on #556CB5 | 1.52:1 | — |
CSS variables
:root {
--color-1: #748a35; /* Pesto di Rucola */
--color-2: #344989; /* Truth */
--color-3: #733c8e; /* Perkin Mauve */
--color-4: #4b5320; /* Army Green */
--color-5: #556cb5; /* Amparo Blue */
}Other schemes from Pesto di Rucola
- Pesto di Rucola Complementary Color Scheme#748A35#A3C05A#443388#2A2551#7A6DC0
- Pesto di Rucola Analogous Color Scheme#8A4C38#887636#748A35#448833#398749
- Pesto di Rucola Triadic Color Scheme#748A35#367588#883377#A4C161#204652
- Pesto di Rucola Tetradic Color Scheme#748A35#368976#443388#883344#A4C161
- Pesto di Rucola Monochromatic Color Scheme#16160E#4B5320#748A35#AABE49#B9D087
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 Pesto di Rucola?
In a split-complementary scheme: Truth (#344989), Perkin Mauve (#733C8E), Army Green (#4B5320), Amparo Blue (#556CB5).
What is the hex code of Pesto di Rucola?
#748A35.