In the Twilight Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around In the Twilight (#84838E), each snapped to its nearest named color.
#3A383F
#5F5D64
#84838E
#ACAAB3
#D5D2D7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Graphite | #3A383F | 58, 56, 63 | 257°, 6%, 23% | 8, 11, 0, 75 | |
| Baroque Grey | #5F5D64 | 95, 93, 100 | 257°, 4%, 38% | 5, 7, 0, 61 | |
| In the Twilight | #84838E | 132, 131, 142 | 245°, 5%, 54% | 7, 8, 0, 44 | |
| Velvet Grey | #ACAAB3 | 172, 170, 179 | 253°, 6%, 68% | 4, 5, 0, 30 | |
| Etude Lilac | #D5D2D7 | 213, 210, 215 | 276°, 6%, 83% | 1, 2, 0, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A383F on #D5D2D7 | 7.72:1 | AAA |
| Aa #3A383F on #ACAAB3 | 5.04:1 | AA |
| Aa #5F5D64 on #D5D2D7 | 4.33:1 | AA large |
| Aa #3A383F on #84838E | 3.09:1 | AA large |
| Aa #5F5D64 on #ACAAB3 | 2.83:1 | — |
| Aa #84838E on #D5D2D7 | 2.50:1 | — |
CSS variables
:root {
--color-1: #3a383f; /* Blue Graphite */
--color-2: #5f5d64; /* Baroque Grey */
--color-3: #84838e; /* In the Twilight */
--color-4: #acaab3; /* Velvet Grey */
--color-5: #d5d2d7; /* Etude Lilac */
}Other schemes from In the Twilight
- In the Twilight Complementary Color Scheme#84838E#ACA7CB#A1A46D#767A49#C7CDA8
- In the Twilight Analogous Color Scheme#6BA5A9#7082A4#84838E#926AA6#A66DA1
- In the Twilight Triadic Color Scheme#84838E#A97069#72A86A#ACA8CD#784D4C
- In the Twilight Split-complementary Color Scheme#84838E#A68E6D#87A96B#514C7E#C4B39C
- In the Twilight Tetradic Color Scheme#84838E#AA6988#A1A46D#70A38D#ACA8CD
More Medium Gray monochromatic palettes
- Abandoned Spaceship Monochromatic Color Scheme#313138#525661#747A8A#9EA2AA#C6C8D0
- Acoustic Brown Monochromatic Color Scheme#252321#4F4744#766B69#9D928F#C4B9B8
- Alley Cat Monochromatic Color Scheme#1E1E21#42424D#656874#8B8D98#B2B6BE
- Aloe Tip Monochromatic Color Scheme#3F4635#626D5B#8A9480#B0B8AA#D9DAD2
- Aluminium Monochromatic Color Scheme#3A3B3B#5D6161#848789#ACADAD#D2D2D4
- Amorous Monochromatic Color Scheme#483743#6E576B#967D96#BEA8B7#D9D3DA
- Anchovy Monochromatic Color Scheme#252321#4C4845#756F6B#989493#BEBBBB
- Archaeology Monochromatic Color Scheme#1C1B1A#45433B#6E6A5E#969283#B8B5AD
- Argent Monochromatic Color Scheme#3B3C3C#606061#888888#AEADAD#D4D4D4
- Armour Monochromatic Color Scheme#2B3230#4E5A59#74857F#9BAAA2#C2CDCA
- Armoury Monochromatic Color Scheme#1C1C1A#434340#6A6B65#90908B#B7B7B2
- Ashen Whisper Monochromatic Color Scheme#1F262A#424753#646B7A#8D90A1#B1BAC2
Questions
What colors go with In the Twilight?
In a monochromatic scheme: Blue Graphite (#3A383F), Baroque Grey (#5F5D64), Velvet Grey (#ACAAB3), Etude Lilac (#D5D2D7).
What is the hex code of In the Twilight?
#84838E.