Moonlit Forest Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moonlit Forest (#3E6D6A), each snapped to its nearest named color.
#3E6D6A
#6E3D58
#70543E
#273E3E
#9D5783
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Moonlit Forest | #3E6D6A | 62, 109, 106 | 176°, 27%, 34% | 43, 0, 3, 57 | 50.0% 0.052 190 | |
| Royal Lines | #6E3D58 | 110, 61, 88 | 327°, 29%, 34% | 0, 45, 20, 57 | 42.9% 0.078 347 | |
| Mud | #70543E | 112, 84, 62 | 26°, 29%, 34% | 0, 25, 45, 56 | 46.9% 0.050 59 | |
| Sunken Cascades | #273E3E | 39, 62, 62 | 180°, 23%, 20% | 37, 0, 0, 76 | 34.5% 0.029 196 | |
| Feminism | #9D5783 | 157, 87, 131 | 322°, 29%, 48% | 0, 45, 17, 38 | 55.3% 0.108 343 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #273E3E on #9D5783 | 2.24:1 | — |
| Aa #3E6D6A on #273E3E | 1.95:1 | — |
| Aa #6E3D58 on #9D5783 | 1.67:1 | — |
| Aa #70543E on #273E3E | 1.64:1 | — |
| Aa #3E6D6A on #6E3D58 | 1.46:1 | — |
| Aa #70543E on #9D5783 | 1.36:1 | — |
CSS variables
:root {
--color-1: #3e6d6a; /* Moonlit Forest */
--color-2: #6e3d58; /* Royal Lines */
--color-3: #70543e; /* Mud */
--color-4: #273e3e; /* Sunken Cascades */
--color-5: #9d5783; /* Feminism */
}Other schemes from Moonlit Forest
- Moonlit Forest Complementary Color Scheme#3E6D6A#61A9A5#6E3C42#3C2126#AC6768
- Moonlit Forest Analogous Color Scheme#4B6E3B#3D6C54#3E6D6A#3E586E#3C416A
- Moonlit Forest Triadic Color Scheme#3E6D6A#673E6E#6E6A3B#61A9A5#3A243B
- Moonlit Forest Tetradic Color Scheme#3E6D6A#513B6E#6E3C42#596C3C#61A9A5
- Moonlit Forest Monochromatic Color Scheme#0F1012#273E3E#3E6D6A#599C99#87B8B5
More dark teal split-complementary color schemes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Moonlit Forest?
In a split-complementary scheme: Royal Lines (#6E3D58), Mud (#70543E), Sunken Cascades (#273E3E), Feminism (#9D5783).
What is the hex code of Moonlit Forest?
#3E6D6A.