Naval Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Naval Night (#011C39), each snapped to its nearest named color.
#011C39
#330000
#373E02
#01081C
#840804
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Naval Night | #011C39 | 1, 28, 57 | 211°, 97%, 11% | 98, 51, 0, 78 | |
| Old Brown Crayon | #330000 | 51, 0, 0 | 0°, 100%, 10% | 0, 100, 100, 80 | |
| Dark Olive | #373E02 | 55, 62, 2 | 67°, 94%, 13% | 11, 0, 97, 76 | |
| Melanophobia | #01081C | 1, 8, 28 | 224°, 93%, 6% | 96, 71, 0, 89 | |
| Proton Red | #840804 | 132, 8, 4 | 2°, 94%, 27% | 0, 94, 97, 48 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #01081C on #840804 | 1.92:1 | — |
| Aa #330000 on #840804 | 1.77:1 | — |
| Aa #373E02 on #01081C | 1.76:1 | — |
| Aa #011C39 on #840804 | 1.65:1 | — |
| Aa #330000 on #373E02 | 1.62:1 | — |
| Aa #011C39 on #373E02 | 1.51:1 | — |
CSS variables
:root {
--color-1: #011c39; /* Naval Night */
--color-2: #330000; /* Old Brown Crayon */
--color-3: #373e02; /* Dark Olive */
--color-4: #01081c; /* Melanophobia */
--color-5: #840804; /* Proton Red */
}Other schemes from Naval Night
- Naval Night Complementary Color Scheme#011C39#02478E#3D1C02#1C1208#995500
- Naval Night Analogous Color Scheme#003311#003839#011C39#020035#160435
- Naval Night Triadic Color Scheme#011C39#330018#133700#004F98#180614
- Naval Night Tetradic Color Scheme#011C39#330033#3D1C02#033500#004F98
- Naval Night Monochromatic Color Scheme#01081C#01081C#011C39#014182#0066CC
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 Naval Night?
In a split-complementary scheme: Old Brown Crayon (#330000), Dark Olive (#373E02), Melanophobia (#01081C), Proton Red (#840804).
What is the hex code of Naval Night?
#011C39.