Hinterland Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hinterland (#616C51), each snapped to its nearest named color.
#616C51
#4C4A74
#6D4976
#3E4826
#696BA0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hinterland | #616C51 | 97, 108, 81 | 84°, 14%, 37% | 10, 0, 25, 58 | |
| Purple Berry | #4C4A74 | 76, 74, 116 | 243°, 22%, 37% | 34, 36, 0, 55 | |
| Hyssop | #6D4976 | 109, 73, 118 | 288°, 24%, 37% | 8, 38, 0, 54 | |
| Avocado Dark Green | #3E4826 | 62, 72, 38 | 78°, 31%, 22% | 14, 0, 47, 72 | |
| Dusted Peri | #696BA0 | 105, 107, 160 | 238°, 22%, 52% | 34, 33, 0, 37 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3E4826 on #696BA0 | 1.95:1 | — |
| Aa #616C51 on #3E4826 | 1.75:1 | — |
| Aa #4C4A74 on #696BA0 | 1.66:1 | — |
| Aa #616C51 on #4C4A74 | 1.49:1 | — |
| Aa #6D4976 on #696BA0 | 1.47:1 | — |
| Aa #6D4976 on #3E4826 | 1.33:1 | — |
CSS variables
:root {
--color-1: #616c51; /* Hinterland */
--color-2: #4c4a74; /* Purple Berry */
--color-3: #6d4976; /* Hyssop */
--color-4: #3e4826; /* Avocado Dark Green */
--color-5: #696ba0; /* Dusted Peri */
}Other schemes from Hinterland
- Hinterland Complementary Color Scheme#616C51#90A96E#5C4671#382B46#9076AE
- Hinterland Analogous Color Scheme#745947#777146#616C51#4A754A#4C785C
- Hinterland Triadic Color Scheme#616C51#476476#764663#99AF73#293947
- Hinterland Tetradic Color Scheme#616C51#457973#5C4671#77454C#99AF73
- Hinterland Monochromatic Color Scheme#141311#3A4032#616C51#879473#ACB99F
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 Hinterland?
In a split-complementary scheme: Purple Berry (#4C4A74), Hyssop (#6D4976), Avocado Dark Green (#3E4826), Dusted Peri (#696BA0).
What is the hex code of Hinterland?
#616C51.