Eclipse Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Eclipse (#3F3939), each snapped to its nearest named color.
#3F3939
#2E4B3C
#2D3D4A
#1A1110
#447A66
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Eclipse | #3F3939 | 63, 57, 57 | 0°, 5%, 24% | 0, 10, 10, 75 | |
| Norfolk Green | #2E4B3C | 46, 75, 60 | 149°, 24%, 24% | 39, 0, 20, 71 | |
| Pitch Cobalt | #2D3D4A | 45, 61, 74 | 207°, 24%, 23% | 39, 18, 0, 71 | |
| Scandinavian Liquorice | #1A1110 | 26, 17, 16 | 6°, 24%, 8% | 0, 35, 38, 90 | |
| Leaping Lizard | #447A66 | 68, 122, 102 | 158°, 28%, 37% | 44, 0, 16, 52 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1A1110 on #447A66 | 3.73:1 | AA large |
| Aa #3F3939 on #447A66 | 2.27:1 | — |
| Aa #2D3D4A on #447A66 | 2.25:1 | — |
| Aa #2E4B3C on #1A1110 | 1.93:1 | — |
| Aa #2E4B3C on #447A66 | 1.93:1 | — |
| Aa #2D3D4A on #1A1110 | 1.66:1 | — |
CSS variables
:root {
--color-1: #3f3939; /* Eclipse */
--color-2: #2e4b3c; /* Norfolk Green */
--color-3: #2d3d4a; /* Pitch Cobalt */
--color-4: #1a1110; /* Scandinavian Liquorice */
--color-5: #447a66; /* Leaping Lizard */
}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 Tetradic Color Scheme#3F3939#364C2E#2D4A4C#3F2E4C#8D5455
- Eclipse Monochromatic Color Scheme#0F0F0F#151515#3F3939#685E5B#8E8583
More Dark Gray split-complementary palettes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Eclipse?
In a split-complementary scheme: Norfolk Green (#2E4B3C), Pitch Cobalt (#2D3D4A), Scandinavian Liquorice (#1A1110), Leaping Lizard (#447A66).
What is the hex code of Eclipse?
#3F3939.