Phantom Complementary Color Scheme
Five colors arranged by the complementary rule around Phantom (#6E797B), each snapped to its nearest named color.
#6E797B
#8AB5BD
#956159
#63403A
#BD9D95
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Phantom | #6E797B | 110, 121, 123 | 189°, 6%, 46% | 11, 2, 0, 52 | |
| Kitchen Blue | #8AB5BD | 138, 181, 189 | 189°, 28%, 64% | 27, 4, 0, 26 | |
| Brick Hearth | #956159 | 149, 97, 89 | 8°, 25%, 47% | 0, 35, 40, 42 | |
| American Milking Devon | #63403A | 99, 64, 58 | 9°, 26%, 31% | 0, 35, 41, 61 | |
| Coca Mocha | #BD9D95 | 189, 157, 149 | 12°, 23%, 66% | 0, 17, 21, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8AB5BD on #63403A | 4.05:1 | AA large |
| Aa #63403A on #BD9D95 | 3.62:1 | AA large |
| Aa #8AB5BD on #956159 | 2.28:1 | — |
| Aa #956159 on #BD9D95 | 2.04:1 | — |
| Aa #6E797B on #63403A | 2.01:1 | — |
| Aa #6E797B on #8AB5BD | 2.01:1 | — |
CSS variables
:root {
--color-1: #6e797b; /* Phantom */
--color-2: #8ab5bd; /* Kitchen Blue */
--color-3: #956159; /* Brick Hearth */
--color-4: #63403a; /* American Milking Devon */
--color-5: #bd9d95; /* Coca Mocha */
}Other schemes from Phantom
- Phantom Analogous Color Scheme#559260#54927E#6E797B#546E91#625C91
- Phantom Triadic Color Scheme#6E797B#94568C#849457#8FBABC#613A57
- Phantom Split-complementary Color Scheme#6E797B#92576F#937B56#3D5D64#B28392
- Phantom Tetradic Color Scheme#6E797B#7B5D92#956159#69905B#8FBABC
- Phantom Monochromatic Color Scheme#262A2B#495252#6E797B#979EA1#BCC2C3
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 Phantom?
In a complementary scheme: Kitchen Blue (#8AB5BD), Brick Hearth (#956159), American Milking Devon (#63403A), Coca Mocha (#BD9D95).
What is the hex code of Phantom?
#6E797B.