Nordic Forest Complementary Color Scheme
Five colors arranged by the complementary rule around Nordic Forest (#317362), each snapped to its nearest named color.
#317362
#4AAE97
#773243
#3B1921
#B8516A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nordic Forest | #317362 | 49, 115, 98 | 165°, 40%, 32% | 57, 0, 15, 55 | |
| Hole in One | #4AAE97 | 74, 174, 151 | 166°, 40%, 49% | 57, 0, 13, 32 | |
| Red Octopus | #773243 | 119, 50, 67 | 345°, 41%, 33% | 0, 58, 44, 53 | |
| Bruised Plum | #3B1921 | 59, 25, 33 | 346°, 40%, 16% | 0, 58, 44, 77 | |
| Tulip Red | #B8516A | 184, 81, 106 | 345°, 42%, 52% | 0, 56, 42, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4AAE97 on #3B1921 | 5.79:1 | AA |
| Aa #4AAE97 on #773243 | 3.36:1 | AA large |
| Aa #3B1921 on #B8516A | 3.28:1 | AA large |
| Aa #317362 on #3B1921 | 2.79:1 | — |
| Aa #317362 on #4AAE97 | 2.07:1 | — |
| Aa #773243 on #B8516A | 1.91:1 | — |
CSS variables
:root {
--color-1: #317362; /* Nordic Forest */
--color-2: #4aae97; /* Hole in One */
--color-3: #773243; /* Red Octopus */
--color-4: #3b1921; /* Bruised Plum */
--color-5: #b8516a; /* Tulip Red */
}Other schemes from Nordic Forest
- Nordic Forest Analogous Color Scheme#427131#247345#317362#336172#304471
- Nordic Forest Triadic Color Scheme#317362#653475#736330#52BC9A#2E183B
- Nordic Forest Split-complementary Color Scheme#317362#6C3461#764031#1A3F2C#AA4C8F
- Nordic Forest Tetradic Color Scheme#317362#432E6F#773243#657432#52BC9A
- Nordic Forest Monochromatic Color Scheme#0F1012#1A3F2C#317362#46A795#7AC5B4
More Dark Green complementary palettes
- Always Greener Grass Complementary Color Scheme#11AA00#21FC0D#9900AA#550055#FF11FF
- Amazon Complementary Color Scheme#387B54#59B587#753A58#442238#B7629B
- Asian Spice Complementary Color Scheme#118822#13DA25#881177#4C022F#FF1DCD
- Asparagus Sultan Complementary Color Scheme#6A8E22#9CD03B#442288#221155#7249D6
- Autumn Crocodile Complementary Color Scheme#447744#72A86A#784674#462343#AF73B0
- Avocado Complementary Color Scheme#568203#89DD01#380282#160435#5D06E9
- Bejewelled Complementary Color Scheme#25A26F#5CCD97#A22452#6F123C#CC5588
- Bergamot Complementary Color Scheme#95C703#C9FF27#3300CC#220077#6A2DED
- Beyond the Pines Complementary Color Scheme#688049#99AF73#644982#3C2F4E#967BB6
- Bimi Green Complementary Color Scheme#54682B#8CA94A#3E3267#1C0F33#654EA3
- Bold Irish Complementary Color Scheme#2A814D#41C379#872657#43182F#C44D97
- Botanical Complementary Color Scheme#4D6E2F#78AE48#522A6F#2E183B#8547B5
Questions
What colors go with Nordic Forest?
In a complementary scheme: Hole in One (#4AAE97), Red Octopus (#773243), Bruised Plum (#3B1921), Tulip Red (#B8516A).
What is the hex code of Nordic Forest?
#317362.