Nocturnal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Nocturnal (#767D86), each snapped to its nearest named color.
#767D86
#97635F
#9A9959
#44556B
#BC8F8F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Nocturnal | #767D86 | 118, 125, 134 | 214°, 6%, 49% | 12, 7, 0, 47 | |
| Roulette | #97635F | 151, 99, 95 | 4°, 23%, 48% | 0, 34, 37, 41 | |
| Stem | #9A9959 | 154, 153, 89 | 59°, 27%, 48% | 0, 1, 42, 40 | |
| Inkjet | #44556B | 68, 85, 107 | 214°, 22%, 34% | 36, 21, 0, 58 | |
| Rosy Brown | #BC8F8F | 188, 143, 143 | 0°, 25%, 65% | 0, 24, 24, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #44556B on #BC8F8F | 2.71:1 | — |
| Aa #9A9959 on #44556B | 2.57:1 | — |
| Aa #767D86 on #44556B | 1.83:1 | — |
| Aa #97635F on #BC8F8F | 1.75:1 | — |
| Aa #97635F on #9A9959 | 1.66:1 | — |
| Aa #97635F on #44556B | 1.55:1 | — |
CSS variables
:root {
--color-1: #767d86; /* Nocturnal */
--color-2: #97635f; /* Roulette */
--color-3: #9a9959; /* Stem */
--color-4: #44556b; /* Inkjet */
--color-5: #bc8f8f; /* Rosy Brown */
}Other schemes from Nocturnal
- Nocturnal Complementary Color Scheme#767D86#96AEC5#9D805D#6F5944#C3B39F
- Nocturnal Analogous Color Scheme#5E9B86#5F9B9C#767D86#665D9E#875F9A
- Nocturnal Triadic Color Scheme#767D86#9D5C75#7F9E5B#9EAFC2#6D4052
- Nocturnal Tetradic Color Scheme#767D86#9F5F9F#9D805D#5D9865#9EAFC2
- Nocturnal Monochromatic Color Scheme#2B3036#52585C#767D86#9CA4A9#C7CBCE
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Nocturnal?
In a split-complementary scheme: Roulette (#97635F), Stem (#9A9959), Inkjet (#44556B), Rosy Brown (#BC8F8F).
What is the hex code of Nocturnal?
#767D86.