Beautiful Darkness Tetradic Color Scheme
Five colors arranged by the tetradic rule around Beautiful Darkness (#686D70), each snapped to its nearest named color.
#686D70
#804B81
#88654E
#598556
#8CA6B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beautiful Darkness | #686D70 | 104, 109, 112 | 203°, 4%, 42% | 7, 3, 0, 56 | |
| Vibrant Orchid | #804B81 | 128, 75, 129 | 299°, 26%, 40% | 1, 42, 0, 49 | |
| Obscure Ochre | #88654E | 136, 101, 78 | 24°, 27%, 42% | 0, 26, 43, 47 | |
| Magic Sage | #598556 | 89, 133, 86 | 116°, 21%, 43% | 33, 0, 35, 48 | |
| Blue Skylights | #8CA6B5 | 140, 166, 181 | 202°, 22%, 63% | 23, 8, 0, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #804B81 on #8CA6B5 | 2.54:1 | — |
| Aa #686D70 on #8CA6B5 | 2.05:1 | — |
| Aa #88654E on #8CA6B5 | 2.05:1 | — |
| Aa #598556 on #8CA6B5 | 1.68:1 | — |
| Aa #804B81 on #598556 | 1.52:1 | — |
| Aa #804B81 on #88654E | 1.24:1 | — |
CSS variables
:root {
--color-1: #686d70; /* Beautiful Darkness */
--color-2: #804b81; /* Vibrant Orchid */
--color-3: #88654e; /* Obscure Ochre */
--color-4: #598556; /* Magic Sage */
--color-5: #8ca6b5; /* Blue Skylights */
}Other schemes from Beautiful Darkness
- Beautiful Darkness Complementary Color Scheme#686D70#83A0B4#88654E#594035#BB9988
- Beautiful Darkness Analogous Color Scheme#558961#4D8681#686D70#545989#6A5287
- Beautiful Darkness Triadic Color Scheme#686D70#835177#728A51#8CA6B5#59354A
- Beautiful Darkness Split-complementary Color Scheme#686D70#885156#898253#334B58#AF797E
- Beautiful Darkness Monochromatic Color Scheme#1A2421#444647#686D70#8F9395#B8BABA
More Medium Gray tetradic palettes
- Abandoned Spaceship Tetradic Color Scheme#747A8A#9D5A8F#9B8A5F#599F68#9EA5C3
- Acoustic Brown Tetradic Color Scheme#766B69#649050#50818B#75528B#B69289
- Alley Cat Tetradic Color Scheme#656874#835177#847E54#558961#8E90B4
- Aloe Tip Tetradic Color Scheme#8A9480#6BA5A9#8A6FA9#A36A6D#BDD0AB
- Aluminium Tetradic Color Scheme#848789#9C6DA5#A88168#72A86A#AABCCB
- Amorous Tetradic Color Scheme#967D96#A98A6B#72A86A#6A8AA4#D1ACCE
- Anchovy Tetradic Color Scheme#756F6B#558D4F#53778F#85598A#BA9E88
- Archaeology Tetradic Color Scheme#6E6A5E#498555#485783#824E78#B0A582
- Argent Tetradic Color Scheme#888888#87A96B#6BA5A9#876FA3#CBACAB
- Armour Tetradic Color Scheme#74857F#665D9E#9D5C75#8F9B5B#9BC2B4
- Armoury Tetradic Color Scheme#6A6B65#50846E#5C5083#80505D#ABB486
- Ashen Whisper Tetradic Color Scheme#646B7A#905284#8B7753#578758#8B9AB9
Questions
What colors go with Beautiful Darkness?
In a tetradic scheme: Vibrant Orchid (#804B81), Obscure Ochre (#88654E), Magic Sage (#598556), Blue Skylights (#8CA6B5).
What is the hex code of Beautiful Darkness?
#686D70.