Pine Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pine (#2B5D34), each snapped to its nearest named color.
#2B5D34
#4A2A59
#5F2E3D
#112A12
#754B8F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pine | #2B5D34 | 43, 93, 52 | 131°, 37%, 27% | 54, 0, 44, 64 | |
| Deep Plum | #4A2A59 | 74, 42, 89 | 281°, 36%, 26% | 17, 53, 0, 65 | |
| Windsor Wine | #5F2E3D | 95, 46, 61 | 342°, 35%, 28% | 0, 52, 36, 63 | |
| Nori Green | #112A12 | 17, 42, 18 | 122°, 42%, 12% | 60, 0, 57, 84 | |
| Purple Sapphire | #754B8F | 117, 75, 143 | 277°, 31%, 43% | 18, 48, 0, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #112A12 on #754B8F | 2.32:1 | — |
| Aa #2B5D34 on #112A12 | 1.99:1 | — |
| Aa #4A2A59 on #754B8F | 1.79:1 | — |
| Aa #5F2E3D on #754B8F | 1.62:1 | — |
| Aa #2B5D34 on #4A2A59 | 1.54:1 | — |
| Aa #5F2E3D on #112A12 | 1.43:1 | — |
CSS variables
:root {
--color-1: #2b5d34; /* Pine */
--color-2: #4a2a59; /* Deep Plum */
--color-3: #5f2e3d; /* Windsor Wine */
--color-4: #112a12; /* Nori Green */
--color-5: #754b8f; /* Purple Sapphire */
}Other schemes from Pine
- Pine Complementary Color Scheme#2B5D34#4A9D5B#5B3256#2C1620#A24D8F
- Pine Analogous Color Scheme#555B2C#305D35#2B5D34#2C5C4F#2A545C
- Pine Triadic Color Scheme#2B5D34#322C56#5B342E#46A35A#17182B
- Pine Tetradic Color Scheme#2B5D34#273C5A#5B3256#5C512F#46A35A
- Pine Monochromatic Color Scheme#0F180A#112A12#2B5D34#418C53#66BB77
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 Pine?
In a split-complementary scheme: Deep Plum (#4A2A59), Windsor Wine (#5F2E3D), Nori Green (#112A12), Purple Sapphire (#754B8F).
What is the hex code of Pine?
#2B5D34.