Wrapped in Twilight Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wrapped in Twilight (#5F6D6E), each snapped to its nearest named color.
#5F6D6E
#854C65
#836B4F
#2F4F4F
#AB728D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wrapped in Twilight | #5F6D6E | 95, 109, 110 | 184°, 7%, 40% | 14, 1, 0, 57 | |
| Damson | #854C65 | 133, 76, 101 | 334°, 27%, 41% | 0, 43, 24, 48 | |
| Ermine | #836B4F | 131, 107, 79 | 32°, 25%, 41% | 0, 18, 40, 49 | |
| Dark Slate Grey | #2F4F4F | 47, 79, 79 | 180°, 25%, 25% | 41, 0, 0, 69 | |
| Mauve Orchid | #AB728D | 171, 114, 141 | 332°, 25%, 56% | 0, 33, 18, 33 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F4F4F on #AB728D | 2.35:1 | — |
| Aa #836B4F on #2F4F4F | 1.78:1 | — |
| Aa #854C65 on #AB728D | 1.72:1 | — |
| Aa #5F6D6E on #2F4F4F | 1.66:1 | — |
| Aa #5F6D6E on #AB728D | 1.42:1 | — |
| Aa #854C65 on #2F4F4F | 1.37:1 | — |
CSS variables
:root {
--color-1: #5f6d6e; /* Wrapped in Twilight */
--color-2: #854c65; /* Damson */
--color-3: #836b4f; /* Ermine */
--color-4: #2f4f4f; /* Dark Slate Grey */
--color-5: #ab728d; /* Mauve Orchid */
}Other schemes from Wrapped in Twilight
- Wrapped in Twilight Complementary Color Scheme#5F6D6E#77ABAB#824E4A#513233#B38380
- Wrapped in Twilight Analogous Color Scheme#498555#4D8064#5F6D6E#516582#514B80
- Wrapped in Twilight Triadic Color Scheme#5F6D6E#834D7C#798052#85B3B2#51304E
- Wrapped in Twilight Tetradic Color Scheme#5F6D6E#644982#824E4A#648149#85B3B2
- Wrapped in Twilight Monochromatic Color Scheme#1A1B1C#3E4445#5F6D6E#879294#AFB8BA
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 Wrapped in Twilight?
In a split-complementary scheme: Damson (#854C65), Ermine (#836B4F), Dark Slate Grey (#2F4F4F), Mauve Orchid (#AB728D).
What is the hex code of Wrapped in Twilight?
#5F6D6E.