Eclipse Triadic Color Scheme
Five colors arranged by the triadic rule around Eclipse (#3F3939), each snapped to its nearest named color.
#3F3939
#364C2E
#2A2E4C
#8D5455
#0F180A
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 | |
| Tropical Night Blue | #2A2E4C | 42, 46, 76 | 233°, 29%, 23% | 45, 39, 0, 70 | |
| Maroon Rover | #8D5455 | 141, 84, 85 | 359°, 25%, 44% | 0, 40, 40, 45 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8D5455 on #0F180A | 3.06:1 | AA large |
| Aa #2A2E4C on #8D5455 | 2.22:1 | — |
| Aa #364C2E on #0F180A | 1.93:1 | — |
| Aa #3F3939 on #8D5455 | 1.90:1 | — |
| Aa #3F3939 on #0F180A | 1.61:1 | — |
| Aa #364C2E on #8D5455 | 1.58:1 | — |
CSS variables
:root {
--color-1: #3f3939; /* Eclipse */
--color-2: #364c2e; /* Nettle Green */
--color-3: #2a2e4c; /* Tropical Night Blue */
--color-4: #8d5455; /* Maroon Rover */
--color-5: #0f180a; /* Pinch of Pepper */
}Other schemes from Eclipse
- Eclipse Complementary Color Scheme#3F3939#814D50#2D4A4C#0E191C#538B89
- Eclipse Analogous Color Scheme#452E4A#452E39#3F3939#4D3C2D#4B492D
- Eclipse Split-complementary Color Scheme#3F3939#2E4B3C#2D3D4A#1A1110#447A66
- Eclipse Tetradic Color Scheme#3F3939#364C2E#2D4A4C#3F2E4C#8D5455
- Eclipse Monochromatic Color Scheme#0F0F0F#151515#3F3939#685E5B#8E8583
More Dark Gray triadic palettes
- After Dark Triadic Color Scheme#3C3535#36482F#282A4A#875251#0F180A
- After Midnight Triadic Color Scheme#38393F#4A2E32#364C2E#545989#1A1110
- All Nighter Triadic Color Scheme#455454#653B66#62603E#649C97#391531
- Ancient Pine Triadic Color Scheme#444B43#3A3B5B#5C3839#6A9D5D#181B26
- Armadillo Triadic Color Scheme#484A46#35495A#59354A#7A9C58#1F262A
- Arsenic Triadic Color Scheme#3B444B#563342#445533#5C7B97#23191E
- Artist’s Charcoal Triadic Color Scheme#37393E#492D35#36482F#516582#1A1110
- Bark Triadic Color Scheme#5F5854#477050#544173#AB856F#274234
- Black Forest Triadic Color Scheme#5E6354#466174#764663#99AF73#283C44
- Black Magic Triadic Color Scheme#4F4554#60513A#366254#86619F#35281E
- Black Olive Triadic Color Scheme#3B3C36#274447#443240#7F8353#0F1519
- Black Orchid Triadic Color Scheme#525463#6F434A#476E42#777BA9#43242A
Questions
What colors go with Eclipse?
In a triadic scheme: Nettle Green (#364C2E), Tropical Night Blue (#2A2E4C), Maroon Rover (#8D5455), Pinch of Pepper (#0F180A).
What is the hex code of Eclipse?
#3F3939.