Pine Needle Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pine Needle (#334D41), each snapped to its nearest named color.
#334D41
#51304E
#513233
#12221D
#834D7C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pine Needle | #334D41 | 51, 77, 65 | 152°, 20%, 25% | 34, 0, 16, 70 | |
| Plum Skin | #51304E | 81, 48, 78 | 305°, 26%, 25% | 0, 41, 4, 68 | |
| Decadent Chocolate | #513233 | 81, 50, 51 | 358°, 24%, 26% | 0, 38, 37, 68 | |
| Black Emerald | #12221D | 18, 34, 29 | 161°, 31%, 10% | 47, 0, 15, 87 | |
| Thistle Mauve | #834D7C | 131, 77, 124 | 308°, 26%, 41% | 0, 41, 5, 49 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #12221D on #834D7C | 2.61:1 | — |
| Aa #334D41 on #12221D | 1.79:1 | — |
| Aa #513233 on #834D7C | 1.79:1 | — |
| Aa #51304E on #834D7C | 1.76:1 | — |
| Aa #51304E on #12221D | 1.48:1 | — |
| Aa #513233 on #12221D | 1.46:1 | — |
CSS variables
:root {
--color-1: #334d41; /* Pine Needle */
--color-2: #51304e; /* Plum Skin */
--color-3: #513233; /* Decadent Chocolate */
--color-4: #12221d; /* Black Emerald */
--color-5: #834d7c; /* Thistle Mauve */
}Other schemes from Pine Needle
- Pine Needle Complementary Color Scheme#334D41#4D8871#513439#201819#915870
- Pine Needle Analogous Color Scheme#364C2E#2E4E36#334D41#2F4F4F#2F3F53
- Pine Needle Triadic Color Scheme#334D41#423450#51412D#5A9274#161820
- Pine Needle Tetradic Color Scheme#334D41#363151#513439#515131#5A9274
- Pine Needle Monochromatic Color Scheme#0F1012#1A1B1C#334D41#53786A#74A690
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 Needle?
In a split-complementary scheme: Plum Skin (#51304E), Decadent Chocolate (#513233), Black Emerald (#12221D), Thistle Mauve (#834D7C).
What is the hex code of Pine Needle?
#334D41.