Eclipse Tetradic Color Scheme
Five colors arranged by the tetradic rule around Eclipse (#3F3939), each snapped to its nearest named color.
#3F3939
#364C2E
#2D4A4C
#3F2E4C
#8D5455
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Eclipse | #3F3939 | 63, 57, 57 | 0°, 5%, 24% | 0, 10, 10, 75 | |
| Nettle Green | #364C2E | 54, 76, 46 | 104°, 25%, 24% | 29, 0, 39, 70 | |
| Delta Green | #2D4A4C | 45, 74, 76 | 184°, 26%, 24% | 41, 3, 0, 70 | |
| Jagger | #3F2E4C | 63, 46, 76 | 274°, 25%, 24% | 17, 39, 0, 70 | |
| Maroon Rover | #8D5455 | 141, 84, 85 | 359°, 25%, 44% | 0, 40, 40, 45 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3F2E4C on #8D5455 | 2.07:1 | — |
| Aa #3F3939 on #8D5455 | 1.90:1 | — |
| Aa #2D4A4C on #8D5455 | 1.61:1 | — |
| Aa #364C2E on #8D5455 | 1.58:1 | — |
| Aa #364C2E on #3F2E4C | 1.31:1 | — |
| Aa #2D4A4C on #3F2E4C | 1.29:1 | — |
CSS variables
:root {
--color-1: #3f3939; /* Eclipse */
--color-2: #364c2e; /* Nettle Green */
--color-3: #2d4a4c; /* Delta Green */
--color-4: #3f2e4c; /* Jagger */
--color-5: #8d5455; /* Maroon Rover */
}Other schemes from Eclipse
- Eclipse Complementary Color Scheme#3F3939#814D50#2D4A4C#0E191C#538B89
- Eclipse Analogous Color Scheme#452E4A#452E39#3F3939#4D3C2D#4B492D
- Eclipse Triadic Color Scheme#3F3939#364C2E#2A2E4C#8D5455#0F180A
- Eclipse Split-complementary Color Scheme#3F3939#2E4B3C#2D3D4A#1A1110#447A66
- Eclipse Monochromatic Color Scheme#0F0F0F#151515#3F3939#685E5B#8E8583
More Dark Gray tetradic palettes
- After Dark Tetradic Color Scheme#3C3535#36482F#2A4845#382B46#875251
- After Midnight Tetradic Color Scheme#38393F#443240#48452B#2E4E36#545989
- All Nighter Tetradic Color Scheme#455454#4A3C62#613936#4A623B#649C97
- Ancient Pine Tetradic Color Scheme#444B43#334B58#533958#594537#6A9D5D
- Armadillo Tetradic Color Scheme#484A46#355859#4B365F#5D3736#7A9C58
- Arsenic Tetradic Color Scheme#3B444B#543254#544333#2E4E36#5C7B97
- Artist’s Charcoal Tetradic Color Scheme#37393E#452E4A#48412B#2D4436#516582
- Bark Tetradic Color Scheme#5F5854#476E42#46616E#62416D#AB856F
- Black Forest Tetradic Color Scheme#5E6354#49716D#564375#70474B#99AF73
- Black Magic Tetradic Color Scheme#4F4554#63403A#47613C#3B5861#86619F
- Black Olive Tetradic Color Scheme#3B3C36#2E4B3C#2E2848#492A34#7F8353
- Black Orchid Tetradic Color Scheme#525463#754260#6E6A44#477050#777BA9
Questions
What colors go with Eclipse?
In a tetradic scheme: Nettle Green (#364C2E), Delta Green (#2D4A4C), Jagger (#3F2E4C), Maroon Rover (#8D5455).
What is the hex code of Eclipse?
#3F3939.