Abyssal Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Abyssal (#404C57), each snapped to its nearest named color.
#0F1012
#23262B
#404C57
#657682
#8899AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Black Beauty | #23262B | 35, 38, 43 | 218°, 10%, 15% | 19, 12, 0, 83 | |
| Abyssal | #404C57 | 64, 76, 87 | 209°, 15%, 30% | 26, 13, 0, 66 | |
| Freedom Found | #657682 | 101, 118, 130 | 205°, 13%, 45% | 22, 9, 0, 49 | |
| Urban Vibes | #8899AA | 136, 153, 170 | 210°, 17%, 60% | 20, 10, 0, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #8899AA | 6.51:1 | AA |
| Aa #23262B on #8899AA | 5.19:1 | AA |
| Aa #0F1012 on #657682 | 4.05:1 | AA large |
| Aa #23262B on #657682 | 3.23:1 | AA large |
| Aa #404C57 on #8899AA | 3.01:1 | AA large |
| Aa #0F1012 on #404C57 | 2.17:1 | — |
CSS variables
:root {
--color-1: #0f1012; /* Ruined Smores */
--color-2: #23262b; /* Black Beauty */
--color-3: #404c57; /* Abyssal */
--color-4: #657682; /* Freedom Found */
--color-5: #8899aa; /* Urban Vibes */
}Other schemes from Abyssal
- Abyssal Complementary Color Scheme#404C57#5C7B97#5C4939#2E211B#9E7C5E
- Abyssal Analogous Color Scheme#3A5F49#355E5A#404C57#3A3B5B#4B365F
- Abyssal Triadic Color Scheme#404C57#5C384E#495D39#5E819D#2C1620
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Abyssal Tetradic Color Scheme#404C57#5B365E#5C4939#355E3B#5E819D
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
- 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
- Black Sea Night Monochromatic Color Scheme#01081C#01081C#052462#0038A8#0058F8
Questions
What colors go with Abyssal?
In a monochromatic scheme: Ruined Smores (#0F1012), Black Beauty (#23262B), Freedom Found (#657682), Urban Vibes (#8899AA).
What is the hex code of Abyssal?
#404C57.