Oceanic Noir Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Oceanic Noir (#172B36), each snapped to its nearest named color.
#172B36
#3A181A
#3B331C
#0B0F1A
#6A2E36
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Oceanic Noir | #172B36 | 23, 43, 54 | 201°, 40%, 15% | 57, 20, 0, 79 | |
| Rustic Red | #3A181A | 58, 24, 26 | 356°, 41%, 16% | 0, 59, 55, 77 | |
| Pullman Green | #3B331C | 59, 51, 28 | 45°, 36%, 17% | 0, 14, 53, 77 | |
| Nyctophobia | #0B0F1A | 11, 15, 26 | 224°, 41%, 7% | 58, 42, 0, 90 | |
| Lovestruck | #6A2E36 | 106, 46, 54 | 352°, 39%, 30% | 0, 57, 49, 58 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0B0F1A on #6A2E36 | 1.87:1 | — |
| Aa #3A181A on #6A2E36 | 1.55:1 | — |
| Aa #3B331C on #0B0F1A | 1.53:1 | — |
| Aa #172B36 on #6A2E36 | 1.43:1 | — |
| Aa #172B36 on #0B0F1A | 1.31:1 | — |
| Aa #3A181A on #3B331C | 1.26:1 | — |
CSS variables
:root {
--color-1: #172b36; /* Oceanic Noir */
--color-2: #3a181a; /* Rustic Red */
--color-3: #3b331c; /* Pullman Green */
--color-4: #0b0f1a; /* Nyctophobia */
--color-5: #6a2e36; /* Lovestruck */
}Other schemes from Oceanic Noir
- Oceanic Noir Complementary Color Scheme#172B36#355C74#372418#130D07#7E4F35
- Oceanic Noir Analogous Color Scheme#183425#193232#172B36#161E34#221133
- Oceanic Noir Triadic Color Scheme#172B36#391531#333311#34657D#150811
- Oceanic Noir Tetradic Color Scheme#172B36#2E183B#372418#113311#34657D
- Oceanic Noir Monochromatic Color Scheme#0B0F1A#0B0F1A#172B36#2F596D#4181A6
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 Oceanic Noir?
In a split-complementary scheme: Rustic Red (#3A181A), Pullman Green (#3B331C), Nyctophobia (#0B0F1A), Lovestruck (#6A2E36).
What is the hex code of Oceanic Noir?
#172B36.