Marine Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Marine (#042E60), each snapped to its nearest named color.
#042E60
#610507
#556600
#01081C
#A80E00
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Marine | #042E60 | 4, 46, 96 | 213°, 92%, 20% | 96, 52, 0, 62 | |
| Vampire Hunter | #610507 | 97, 5, 7 | 359°, 90%, 20% | 0, 95, 93, 62 | |
| Serrano Pepper | #556600 | 85, 102, 0 | 70°, 100%, 20% | 17, 0, 100, 60 | |
| Melanophobia | #01081C | 1, 8, 28 | 224°, 93%, 6% | 96, 71, 0, 89 | |
| Natural Leather | #A80E00 | 168, 14, 0 | 5°, 100%, 33% | 0, 92, 100, 34 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #556600 on #01081C | 3.12:1 | AA large |
| Aa #01081C on #A80E00 | 2.59:1 | — |
| Aa #610507 on #556600 | 2.14:1 | — |
| Aa #042E60 on #556600 | 2.10:1 | — |
| Aa #610507 on #A80E00 | 1.78:1 | — |
| Aa #042E60 on #A80E00 | 1.74:1 | — |
CSS variables
:root {
--color-1: #042e60; /* Marine */
--color-2: #610507; /* Vampire Hunter */
--color-3: #556600; /* Serrano Pepper */
--color-4: #01081c; /* Melanophobia */
--color-5: #a80e00; /* Natural Leather */
}Other schemes from Marine
- Marine Complementary Color Scheme#042E60#0055BB#653700#1C1208#CA6B02
- Marine Analogous Color Scheme#006131#045C61#042E60#030764#330066
- Marine Triadic Color Scheme#042E60#670728#226600#0153C8#180614
- Marine Tetradic Color Scheme#042E60#64005E#653700#046307#0153C8
- Marine Monochromatic Color Scheme#01081C#01081C#042E60#0853A7#0D75F8
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 Marine?
In a split-complementary scheme: Vampire Hunter (#610507), Serrano Pepper (#556600), Melanophobia (#01081C), Natural Leather (#A80E00).
What is the hex code of Marine?
#042E60.