Nocturnal Expedition Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Nocturnal Expedition (#114C5A), each snapped to its nearest named color.
#114C5A
#5F1933
#554400
#0C121B
#9E194D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nocturnal Expedition | #114C5A | 17, 76, 90 | 192°, 68%, 21% | 81, 16, 0, 65 | |
| Brown Chocolate | #5F1933 | 95, 25, 51 | 338°, 58%, 24% | 0, 74, 46, 63 | |
| Sugarloaf Brown | #554400 | 85, 68, 0 | 48°, 100%, 17% | 0, 20, 100, 67 | |
| Midnight Edition | #0C121B | 12, 18, 27 | 216°, 38%, 8% | 56, 33, 0, 89 | |
| Hydrangea Red | #9E194D | 158, 25, 77 | 337°, 73%, 36% | 0, 84, 51, 38 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0C121B on #9E194D | 2.42:1 | — |
| Aa #554400 on #0C121B | 1.98:1 | — |
| Aa #114C5A on #0C121B | 1.97:1 | — |
| Aa #5F1933 on #9E194D | 1.61:1 | — |
| Aa #5F1933 on #0C121B | 1.50:1 | — |
| Aa #5F1933 on #554400 | 1.32:1 | — |
CSS variables
:root {
--color-1: #114c5a; /* Nocturnal Expedition */
--color-2: #5f1933; /* Brown Chocolate */
--color-3: #554400; /* Sugarloaf Brown */
--color-4: #0c121b; /* Midnight Edition */
--color-5: #9e194d; /* Hydrangea Red */
}Other schemes from Nocturnal Expedition
- Nocturnal Expedition Complementary Color Scheme#114C5A#218BA0#5F1A10#130A06#B33A22
- Nocturnal Expedition Analogous Color Scheme#0F521A#155843#114C5A#112358#150F5B
- Nocturnal Expedition Triadic Color Scheme#114C5A#5D1451#4B5D16#2599B2#180614
- Nocturnal Expedition Tetradic Color Scheme#114C5A#4C1050#5F1A10#225511#2599B2
- Nocturnal Expedition Monochromatic Color Scheme#0C121B#0C121B#114C5A#1B8192#34B5D5
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Nocturnal Expedition?
In a split-complementary scheme: Brown Chocolate (#5F1933), Sugarloaf Brown (#554400), Midnight Edition (#0C121B), Hydrangea Red (#9E194D).
What is the hex code of Nocturnal Expedition?
#114C5A.