Wrapped in Twilight Complementary Color Scheme
Five colors arranged by the complementary rule around Wrapped in Twilight (#5F6D6E), each snapped to its nearest named color.
#5F6D6E
#77ABAB
#824E4A
#513233
#B38380
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wrapped in Twilight | #5F6D6E | 95, 109, 110 | 184°, 7%, 40% | 14, 1, 0, 57 | |
| Solution | #77ABAB | 119, 171, 171 | 180°, 24%, 57% | 30, 0, 0, 33 | |
| Cherokee Red | #824E4A | 130, 78, 74 | 4°, 27%, 40% | 0, 40, 43, 49 | |
| Decadent Chocolate | #513233 | 81, 50, 51 | 358°, 24%, 26% | 0, 38, 37, 68 | |
| Rose Dawn | #B38380 | 179, 131, 128 | 4°, 25%, 60% | 0, 27, 28, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77ABAB on #513233 | 4.42:1 | AA large |
| Aa #513233 on #B38380 | 3.49:1 | AA large |
| Aa #77ABAB on #824E4A | 2.61:1 | — |
| Aa #5F6D6E on #513233 | 2.10:1 | — |
| Aa #5F6D6E on #77ABAB | 2.10:1 | — |
| Aa #824E4A on #B38380 | 2.06:1 | — |
CSS variables
:root {
--color-1: #5f6d6e; /* Wrapped in Twilight */
--color-2: #77abab; /* Solution */
--color-3: #824e4a; /* Cherokee Red */
--color-4: #513233; /* Decadent Chocolate */
--color-5: #b38380; /* Rose Dawn */
}Other schemes from Wrapped in Twilight
- 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 Split-complementary Color Scheme#5F6D6E#854C65#836B4F#2F4F4F#AB728D
- 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 complementary palettes
- Abandoned Spaceship Complementary Color Scheme#747A8A#93A3C1#9B8A5F#726144#C6BB9C
- Acoustic Brown Complementary Color Scheme#766B69#B68B88#50818B#33565E#8AB5BD
- Alley Cat Complementary Color Scheme#656874#818DB3#847E54#555337#B5AD88
- Aloe Tip Complementary Color Scheme#8A9480#B6C9A6#8A6FA9#614A7B#BEAECF
- Aluminium Complementary Color Scheme#848789#A5B8C5#A88168#775C47#C8B6A6
- Amorous Complementary Color Scheme#967D96#C5A5C7#72A86A#4C7C4B#A9CEAA
- Anchovy Complementary Color Scheme#756F6B#B69983#53778F#334C5D#8BA7BB
- Archaeology Complementary Color Scheme#6E6A5E#ABA379#485783#343B4E#818DB3
- Argent Complementary Color Scheme#888888#C6A4A4#6BA5A9#487A7B#AECCCB
- Armour Complementary Color Scheme#74857F#93C3B1#9D5C75#6D4052#C59DAA
- Armoury Complementary Color Scheme#6A6B65#A2B07E#5C5083#363151#8881B0
- Ashen Whisper Complementary Color Scheme#646B7A#8092BC#8B7753#5D4F39#B8A88A
Questions
What colors go with Wrapped in Twilight?
In a complementary scheme: Solution (#77ABAB), Cherokee Red (#824E4A), Decadent Chocolate (#513233), Rose Dawn (#B38380).
What is the hex code of Wrapped in Twilight?
#5F6D6E.