Eclipse Elixir Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Eclipse Elixir (#1F2133), each snapped to its nearest named color.
#1F2133
#35281E
#2F2E1F
#0B0C14
#62493B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Eclipse Elixir | #1F2133 | 31, 33, 51 | 234°, 24%, 16% | 39, 35, 0, 80 | |
| Cocoa Brown | #35281E | 53, 40, 30 | 26°, 28%, 16% | 0, 25, 43, 79 | |
| Metal Construction Green | #2F2E1F | 47, 46, 31 | 56°, 21%, 15% | 0, 2, 34, 82 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Ship Steering Wheel | #62493B | 98, 73, 59 | 22°, 25%, 31% | 0, 26, 40, 62 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #62493B | 2.35:1 | — |
| Aa #1F2133 on #62493B | 1.92:1 | — |
| Aa #35281E on #62493B | 1.72:1 | — |
| Aa #2F2E1F on #62493B | 1.66:1 | — |
| Aa #2F2E1F on #0B0C14 | 1.42:1 | — |
| Aa #35281E on #0B0C14 | 1.37:1 | — |
CSS variables
:root {
--color-1: #1f2133; /* Eclipse Elixir */
--color-2: #35281e; /* Cocoa Brown */
--color-3: #2f2e1f; /* Metal Construction Green */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #62493b; /* Ship Steering Wheel */
}Other schemes from Eclipse Elixir
- Eclipse Elixir Complementary Color Scheme#1F2133#43456D#2F2E1F#12110E#756D44
- Eclipse Elixir Analogous Color Scheme#193232#1B2632#1F2133#281F3F#2E183B
- Eclipse Elixir Triadic Color Scheme#1F2133#3B1F23#2F2E1F#4C4A74#130D0D
- Eclipse Elixir Tetradic Color Scheme#1F2133#3B1F23#2F2E1F#1B3427#4C4A74
- Eclipse Elixir Monochromatic Color Scheme#0B0C14#0B0C14#1F2133#3D4161#575B93
More Very Dark Blue split-complementary palettes
- Astral Nomad Split-complementary Color Scheme#203943#482029#423921#0F1012#773644
- Azulado Split-complementary Color Scheme#211D49#4E3E1F#2F441F#080813#886037
- Beyond the Stars Split-complementary Color Scheme#0A3251#551111#544E03#0B0F1A#9B111E
- Black Pearl Split-complementary Color Scheme#1E272C#351E1C#2F2E1F#0F1012#5F383C
- Black Velvet Split-complementary Color Scheme#222233#342C21#2E3222#0B0C14#61513D
- Blue Whale Split-complementary Color Scheme#1E3442#4C1C24#4E3E1F#0F1012#73383C
- Cinder Split-complementary Color Scheme#242A2E#3B1F23#2F2E1F#0F1012#653A3D
- Corbeau Split-complementary Color Scheme#111122#231712#172713#0B0C14#55422B
- Dark Split-complementary Color Scheme#1B2431#351E1C#2F2E1F#0B0C14#613936
- Dark Eclipse Split-complementary Color Scheme#112244#471C0F#304112#060B14#803020
- Dark Knight Split-complementary Color Scheme#151931#351F19#223311#0B0C14#67422D
- Dark Soul Split-complementary Color Scheme#112255#552211#48531A#01081C#9B351B
Questions
What colors go with Eclipse Elixir?
In a split-complementary scheme: Cocoa Brown (#35281E), Metal Construction Green (#2F2E1F), Midnight Oil (#0B0C14), Ship Steering Wheel (#62493B).
What is the hex code of Eclipse Elixir?
#1F2133.