Good Night! Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Good Night! (#46565F), each snapped to its nearest named color.
#0F1012
#263032
#46565F
#667F8B
#91A3B0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Navy Black | #263032 | 38, 48, 50 | 190°, 14%, 17% | 24, 4, 0, 80 | |
| Good Night! | #46565F | 70, 86, 95 | 202°, 15%, 32% | 26, 9, 0, 63 | |
| Windy Seas | #667F8B | 102, 127, 139 | 199°, 15%, 47% | 27, 9, 0, 45 | |
| Cadet Grey | #91A3B0 | 145, 163, 176 | 205°, 16%, 63% | 18, 7, 0, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #91A3B0 | 7.32:1 | AAA |
| Aa #263032 on #91A3B0 | 5.20:1 | AA |
| Aa #0F1012 on #667F8B | 4.51:1 | AA |
| Aa #263032 on #667F8B | 3.21:1 | AA large |
| Aa #46565F on #91A3B0 | 2.93:1 | — |
| Aa #0F1012 on #46565F | 2.50:1 | — |
CSS variables
:root {
--color-1: #0f1012; /* Ruined Smores */
--color-2: #263032; /* Navy Black */
--color-3: #46565f; /* Good Night! */
--color-4: #667f8b; /* Windy Seas */
--color-5: #91a3b0; /* Cadet Grey */
}Other schemes from Good Night!
- Good Night! Complementary Color Scheme#46565F#608BA6#694D3D#3B2820#A27D66
- Good Night! Analogous Color Scheme#3E644F#3C6461#46565F#3E4265#4B3F69
- Good Night! Triadic Color Scheme#46565F#663C55#5A653A#648FA4#3C202F
- Good Night! Split-complementary Color Scheme#46565F#663F44#62603E#232F36#975B60
- Good Night! Tetradic Color Scheme#46565F#643E65#694D3D#4D663E#648FA4
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 Good Night!?
In a monochromatic scheme: Ruined Smores (#0F1012), Navy Black (#263032), Windy Seas (#667F8B), Cadet Grey (#91A3B0).
What is the hex code of Good Night!?
#46565F.