Dark Eclipse Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Eclipse (#112244), each snapped to its nearest named color.
#112244
#471C0F
#304112
#060B14
#803020
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark Eclipse | #112244 | 17, 34, 68 | 220°, 60%, 17% | 75, 50, 0, 73 | |
| Barbecue Sauce | #471C0F | 71, 28, 15 | 14°, 65%, 17% | 0, 61, 79, 72 | |
| Hinterlands Green | #304112 | 48, 65, 18 | 82°, 57%, 16% | 26, 0, 72, 75 | |
| Dark Rift | #060B14 | 6, 11, 20 | 219°, 54%, 5% | 70, 45, 0, 92 | |
| Warmth of Teamwork | #803020 | 128, 48, 32 | 10°, 60%, 31% | 0, 63, 75, 50 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #060B14 on #803020 | 2.22:1 | — |
| Aa #304112 on #060B14 | 1.77:1 | — |
| Aa #112244 on #803020 | 1.77:1 | — |
| Aa #471C0F on #803020 | 1.64:1 | — |
| Aa #112244 on #304112 | 1.41:1 | — |
| Aa #471C0F on #060B14 | 1.35:1 | — |
CSS variables
:root {
--color-1: #112244; /* Dark Eclipse */
--color-2: #471c0f; /* Barbecue Sauce */
--color-3: #304112; /* Hinterlands Green */
--color-4: #060b14; /* Dark Rift */
--color-5: #803020; /* Warmth of Teamwork */
}Other schemes from Dark Eclipse
- Dark Eclipse Complementary Color Scheme#112244#25488A#4D3113#1C1208#956F29
- Dark Eclipse Analogous Color Scheme#17462E#113C42#112244#111144#331144
- Dark Eclipse Triadic Color Scheme#112244#441122#304112#244E94#150811
- Dark Eclipse Tetradic Color Scheme#112244#43182F#4D3113#114411#244E94
- Dark Eclipse Monochromatic Color Scheme#060B14#060B14#112244#26428B#2A52BE
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 Knight Split-complementary Color Scheme#151931#351F19#223311#0B0C14#67422D
- Dark Soul Split-complementary Color Scheme#112255#552211#48531A#01081C#9B351B
- Deadly Depths Split-complementary Color Scheme#111144#4A290D#304112#090615#885522
Questions
What colors go with Dark Eclipse?
In a split-complementary scheme: Barbecue Sauce (#471C0F), Hinterlands Green (#304112), Dark Rift (#060B14), Warmth of Teamwork (#803020).
What is the hex code of Dark Eclipse?
#112244.