Dark Knight Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Knight (#151931), each snapped to its nearest named color.
#151931
#351F19
#223311
#0B0C14
#67422D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark Knight | #151931 | 21, 25, 49 | 231°, 40%, 14% | 57, 49, 0, 81 | |
| Scorched | #351F19 | 53, 31, 25 | 13°, 36%, 15% | 0, 42, 53, 79 | |
| Darkest Forest | #223311 | 34, 51, 17 | 90°, 50%, 13% | 33, 0, 67, 80 | |
| Midnight Oil | #0B0C14 | 11, 12, 20 | 233°, 29%, 6% | 45, 40, 0, 92 | |
| Triassic | #67422D | 103, 66, 45 | 22°, 39%, 29% | 0, 36, 56, 60 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0C14 on #67422D | 2.22:1 | — |
| Aa #151931 on #67422D | 1.97:1 | — |
| Aa #351F19 on #67422D | 1.76:1 | — |
| Aa #223311 on #67422D | 1.54:1 | — |
| Aa #223311 on #0B0C14 | 1.44:1 | — |
| Aa #151931 on #223311 | 1.28:1 | — |
CSS variables
:root {
--color-1: #151931; /* Dark Knight */
--color-2: #351f19; /* Scorched */
--color-3: #223311; /* Darkest Forest */
--color-4: #0b0c14; /* Midnight Oil */
--color-5: #67422d; /* Triassic */
}Other schemes from Dark Knight
- Dark Knight Complementary Color Scheme#151931#323B6C#333311#16110D#786E38
- Dark Knight Analogous Color Scheme#1B322C#1B2632#151931#1C0F33#331233
- Dark Knight Triadic Color Scheme#151931#341515#113311#333C76#130D0D
- Dark Knight Tetradic Color Scheme#151931#2C1620#333311#0D2E1C#333C76
- Dark Knight Monochromatic Color Scheme#0B0C14#0B0C14#151931#343467#445397
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 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 Knight?
In a split-complementary scheme: Scorched (#351F19), Darkest Forest (#223311), Midnight Oil (#0B0C14), Triassic (#67422D).
What is the hex code of Dark Knight?
#151931.