Nightwalker Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Nightwalker (#161D3B), each snapped to its nearest named color.
#161D3B
#372418
#363E1D
#060B14
#77422C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nightwalker | #161D3B | 22, 29, 59 | 229°, 46%, 16% | 63, 51, 0, 77 | |
| Wetlands Swamp | #372418 | 55, 36, 24 | 23°, 39%, 15% | 0, 35, 56, 78 | |
| Turtle Skin | #363E1D | 54, 62, 29 | 75°, 36%, 18% | 13, 0, 53, 76 | |
| Dark Rift | #060B14 | 6, 11, 20 | 219°, 54%, 5% | 70, 45, 0, 92 | |
| Copper Canyon | #77422C | 119, 66, 44 | 18°, 46%, 32% | 0, 45, 63, 53 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #060B14 on #77422C | 2.44:1 | — |
| Aa #161D3B on #77422C | 2.04:1 | — |
| Aa #372418 on #77422C | 1.82:1 | — |
| Aa #363E1D on #060B14 | 1.75:1 | — |
| Aa #161D3B on #363E1D | 1.46:1 | — |
| Aa #363E1D on #77422C | 1.40:1 | — |
CSS variables
:root {
--color-1: #161d3b; /* Nightwalker */
--color-2: #372418; /* Wetlands Swamp */
--color-3: #363e1d; /* Turtle Skin */
--color-4: #060b14; /* Dark Rift */
--color-5: #77422c; /* Copper Canyon */
}Other schemes from Nightwalker
- Nightwalker Complementary Color Scheme#161D3B#363E7D#3B331C#1C1208#877732
- Nightwalker Analogous Color Scheme#1F3636#133337#161D3B#221133#2E183B
- Nightwalker Triadic Color Scheme#161D3B#3A181A#12390D#2E4182#130A06
- Nightwalker Tetradic Color Scheme#161D3B#391531#3B331C#193925#2E4182
- Nightwalker Monochromatic Color Scheme#060B14#060B14#161D3B#323477#4D5AAF
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 Nightwalker?
In a split-complementary scheme: Wetlands Swamp (#372418), Turtle Skin (#363E1D), Dark Rift (#060B14), Copper Canyon (#77422C).
What is the hex code of Nightwalker?
#161D3B.