Midnight Ocean Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Midnight Ocean (#0F2D4D), each snapped to its nearest named color.
#0F2D4D
#4A120D
#444411
#0B0F1A
#921A1C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Midnight Ocean | #0F2D4D | 15, 45, 77 | 211°, 67%, 18% | 81, 42, 0, 70 | |
| Minotaur Hide | #4A120D | 74, 18, 13 | 5°, 70%, 17% | 0, 76, 82, 71 | |
| Alligator Gladiator | #444411 | 68, 68, 17 | 60°, 60%, 17% | 0, 0, 75, 73 | |
| Nyctophobia | #0B0F1A | 11, 15, 26 | 224°, 41%, 7% | 58, 42, 0, 90 | |
| Socialist | #921A1C | 146, 26, 28 | 359°, 70%, 34% | 0, 82, 81, 43 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0F1A on #921A1C | 2.17:1 | — |
| Aa #444411 on #0B0F1A | 1.90:1 | — |
| Aa #4A120D on #921A1C | 1.73:1 | — |
| Aa #0F2D4D on #921A1C | 1.59:1 | — |
| Aa #4A120D on #444411 | 1.50:1 | — |
| Aa #0F2D4D on #444411 | 1.38:1 | — |
CSS variables
:root {
--color-1: #0f2d4d; /* Midnight Ocean */
--color-2: #4a120d; /* Minotaur Hide */
--color-3: #444411; /* Alligator Gladiator */
--color-4: #0b0f1a; /* Nyctophobia */
--color-5: #921a1c; /* Socialist */
}Other schemes from Midnight Ocean
- Midnight Ocean Complementary Color Scheme#0F2D4D#1C5798#4D3113#1C1208#A46422
- Midnight Ocean Analogous Color Scheme#1A4C32#0E4D4E#0F2D4D#111155#2D0F47
- Midnight Ocean Triadic Color Scheme#0F2D4D#43182F#2F4A15#255BA2#180614
- Midnight Ocean Tetradic Color Scheme#0F2D4D#4C1050#4D3113#0A480D#255BA2
- Midnight Ocean Monochromatic Color Scheme#0B0F1A#0B0F1A#0F2D4D#1A5091#2277CC
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 Midnight Ocean?
In a split-complementary scheme: Minotaur Hide (#4A120D), Alligator Gladiator (#444411), Nyctophobia (#0B0F1A), Socialist (#921A1C).
What is the hex code of Midnight Ocean?
#0F2D4D.