Nocturne Blue Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Nocturne Blue (#37525F), each snapped to its nearest named color.
#0F1012
#1B2632
#37525F
#52798D
#77A1B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Abyssal Anchorfish Blue | #1B2632 | 27, 38, 50 | 211°, 30%, 15% | 46, 24, 0, 80 | |
| Nocturne Blue | #37525F | 55, 82, 95 | 200°, 27%, 29% | 42, 14, 0, 63 | |
| Cayman Bay | #52798D | 82, 121, 141 | 200°, 26%, 44% | 42, 14, 0, 45 | |
| Grey Blue | #77A1B5 | 119, 161, 181 | 199°, 30%, 59% | 34, 11, 0, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #77A1B5 | 6.84:1 | AA |
| Aa #1B2632 on #77A1B5 | 5.51:1 | AA |
| Aa #0F1012 on #52798D | 4.06:1 | AA large |
| Aa #1B2632 on #52798D | 3.27:1 | AA large |
| Aa #37525F on #77A1B5 | 2.98:1 | — |
| Aa #0F1012 on #37525F | 2.30:1 | — |
CSS variables
:root {
--color-1: #0f1012; /* Ruined Smores */
--color-2: #1b2632; /* Abyssal Anchorfish Blue */
--color-3: #37525f; /* Nocturne Blue */
--color-4: #52798d; /* Cayman Bay */
--color-5: #77a1b5; /* Grey Blue */
}Other schemes from Nocturne Blue
- Nocturne Blue Complementary Color Scheme#37525F#5A8299#5E4235#2E211B#A1755C
- Nocturne Blue Analogous Color Scheme#3A5F49#355E5A#37525F#383E5D#4B365F
- Nocturne Blue Triadic Color Scheme#37525F#5D3954#505C3A#5789A5#2C1620
- Nocturne Blue Split-complementary Color Scheme#37525F#5F383C#5F5537#1B2632#8E545C
- Nocturne Blue Tetradic Color Scheme#37525F#57385E#5E4235#3B593A#5789A5
More Dark Blue monochromatic palettes
- 20000 Leagues Under the Sea Monochromatic Color Scheme#090615#090533#191970#2425B9#4D52DE
- 3AM in Shibuya Monochromatic Color Scheme#0B0F1A#172B36#225577#2B7CAF#61A4CE
- Abyssal Monochromatic Color Scheme#0F1012#23262B#404C57#657682#8899AA
- Aegean Blue Monochromatic Color Scheme#0B0F1A#0E1D32#1B416F#2B64AD#518FD1
- Alone in the Dark Monochromatic Color Scheme#01081C#01081C#000066#0000BB#0000FF
- Assassin Monochromatic Color Scheme#0B0F1A#1B294B#2D4F83#4675B7#739BD0
- Astral Monochromatic Color Scheme#0E191C#234251#376F89#5397B7#8ABBD0
- Atlantic Navy Monochromatic Color Scheme#01081C#041330#13336F#1150AF#307DD3
- Atlantis Monochromatic Color Scheme#0F1012#1E323B#336172#4B8CA9#7EB2C5
- Below the Surface Monochromatic Color Scheme#01081C#041330#0A2F7C#024ACA#3C69E7
- Beyond the Sea Monochromatic Color Scheme#0C121B#02273A#005784#0485D1#16B8F3
- Black Market Monochromatic Color Scheme#0B0C14#0B0C14#222244#3F3F75#5555AA
Questions
What colors go with Nocturne Blue?
In a monochromatic scheme: Ruined Smores (#0F1012), Abyssal Anchorfish Blue (#1B2632), Cayman Bay (#52798D), Grey Blue (#77A1B5).
What is the hex code of Nocturne Blue?
#37525F.