Nordic Forest Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Nordic Forest (#317362), each snapped to its nearest named color.
#317362
#6C3461
#764031
#1A3F2C
#AA4C8F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nordic Forest | #317362 | 49, 115, 98 | 165°, 40%, 32% | 57, 0, 15, 55 | |
| Grape | #6C3461 | 108, 52, 97 | 312°, 35%, 31% | 0, 52, 10, 58 | |
| Lava Core | #764031 | 118, 64, 49 | 13°, 41%, 33% | 0, 46, 58, 54 | |
| Mizukaze Green | #1A3F2C | 26, 63, 44 | 149°, 42%, 17% | 59, 0, 30, 75 | |
| Plum Dust | #AA4C8F | 170, 76, 143 | 317°, 38%, 48% | 0, 55, 16, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1A3F2C on #AA4C8F | 2.31:1 | — |
| Aa #317362 on #1A3F2C | 2.10:1 | — |
| Aa #6C3461 on #AA4C8F | 1.80:1 | — |
| Aa #317362 on #6C3461 | 1.63:1 | — |
| Aa #764031 on #AA4C8F | 1.62:1 | — |
| Aa #317362 on #764031 | 1.48:1 | — |
CSS variables
:root {
--color-1: #317362; /* Nordic Forest */
--color-2: #6c3461; /* Grape */
--color-3: #764031; /* Lava Core */
--color-4: #1a3f2c; /* Mizukaze Green */
--color-5: #aa4c8f; /* Plum Dust */
}Other schemes from Nordic Forest
- Nordic Forest Complementary Color Scheme#317362#4AAE97#773243#3B1921#B8516A
- Nordic Forest Analogous Color Scheme#427131#247345#317362#336172#304471
- Nordic Forest Triadic Color Scheme#317362#653475#736330#52BC9A#2E183B
- Nordic Forest Tetradic Color Scheme#317362#432E6F#773243#657432#52BC9A
- Nordic Forest Monochromatic Color Scheme#0F1012#1A3F2C#317362#46A795#7AC5B4
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 Nordic Forest?
In a split-complementary scheme: Grape (#6C3461), Lava Core (#764031), Mizukaze Green (#1A3F2C), Plum Dust (#AA4C8F).
What is the hex code of Nordic Forest?
#317362.