Beautiful Darkness Complementary Color Scheme
Five colors arranged by the complementary rule around Beautiful Darkness (#686D70), each snapped to its nearest named color.
#686D70
#83A0B4
#88654E
#594035
#BB9988
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beautiful Darkness | #686D70 | 104, 109, 112 | 203°, 4%, 42% | 7, 3, 0, 56 | |
| Lake Okoboji | #83A0B4 | 131, 160, 180 | 204°, 25%, 61% | 27, 11, 0, 29 | |
| Obscure Ochre | #88654E | 136, 101, 78 | 24°, 27%, 42% | 0, 26, 43, 47 | |
| Cordwood | #594035 | 89, 64, 53 | 18°, 25%, 28% | 0, 28, 40, 65 | |
| Cinnamon Roast | #BB9988 | 187, 153, 136 | 20°, 27%, 63% | 0, 18, 27, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #594035 on #BB9988 | 3.63:1 | AA large |
| Aa #83A0B4 on #594035 | 3.46:1 | AA large |
| Aa #686D70 on #BB9988 | 2.00:1 | — |
| Aa #88654E on #BB9988 | 2.00:1 | — |
| Aa #686D70 on #83A0B4 | 1.91:1 | — |
| Aa #83A0B4 on #88654E | 1.90:1 | — |
CSS variables
:root {
--color-1: #686d70; /* Beautiful Darkness */
--color-2: #83a0b4; /* Lake Okoboji */
--color-3: #88654e; /* Obscure Ochre */
--color-4: #594035; /* Cordwood */
--color-5: #bb9988; /* Cinnamon Roast */
}Other schemes from Beautiful Darkness
- 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 Tetradic Color Scheme#686D70#804B81#88654E#598556#8CA6B5
- Beautiful Darkness Monochromatic Color Scheme#1A2421#444647#686D70#8F9395#B8BABA
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 Beautiful Darkness?
In a complementary scheme: Lake Okoboji (#83A0B4), Obscure Ochre (#88654E), Cordwood (#594035), Cinnamon Roast (#BB9988).
What is the hex code of Beautiful Darkness?
#686D70.