Beautiful Darkness Triadic Color Scheme
Five colors arranged by the triadic rule around Beautiful Darkness (#686D70), each snapped to its nearest named color.
#686D70
#835177
#728A51
#8CA6B5
#59354A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Beautiful Darkness | #686D70 | 104, 109, 112 | 203°, 4%, 42% | 7, 3, 0, 56 | 53.1% 0.008 234 | |
| Purple Davenport | #835177 | 131, 81, 119 | 314°, 24%, 42% | 0, 38, 9, 49 | 50.5% 0.085 336 | |
| Bright Forest | #728A51 | 114, 138, 81 | 85°, 26%, 43% | 17, 0, 41, 46 | 60.0% 0.086 127 | |
| Blue Skylights | #8CA6B5 | 140, 166, 181 | 202°, 22%, 63% | 23, 8, 0, 29 | 71.0% 0.036 233 | |
| Italian Plum | #59354A | 89, 53, 74 | 325°, 25%, 28% | 0, 40, 17, 65 | 38.0% 0.060 344 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8CA6B5 on #59354A | 4.05:1 | AA large |
| Aa #728A51 on #59354A | 2.69:1 | — |
| Aa #835177 on #8CA6B5 | 2.42:1 | — |
| Aa #686D70 on #8CA6B5 | 2.05:1 | — |
| Aa #686D70 on #59354A | 1.97:1 | — |
| Aa #835177 on #59354A | 1.68:1 | — |
CSS variables
:root {
--color-1: #686d70; /* Beautiful Darkness */
--color-2: #835177; /* Purple Davenport */
--color-3: #728a51; /* Bright Forest */
--color-4: #8ca6b5; /* Blue Skylights */
--color-5: #59354a; /* Italian Plum */
}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 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 triadic color schemes
- Abandoned Spaceship Triadic Color Scheme#747A8A#9D5C75#6A9D5D#9EA5C3#6D434E
- Acoustic Brown Triadic Color Scheme#766B69#578758#5E548D#B69289#355E3B
- Alley Cat Triadic Color Scheme#656874#84525A#598556#8E90B4#54383B
- Aloe Tip Triadic Color Scheme#8A9480#6B8CA9#AA6988#BDD0AB#4A657A
- Aluminium Triadic Color Scheme#848789#A0688D#8CA468#AABCCB#784A65
- Amorous Triadic Color Scheme#967D96#A1A46D#6BA5A9#D1ACCE#767A49
- Anchovy Triadic Color Scheme#756F6B#52896B#6C5389#BA9E88#3A5F49
- Archaeology Triadic Color Scheme#6E6A5E#50846E#764F80#B0A582#305144
- Argent Triadic Color Scheme#888888#72A86A#6D69A1#CBACAB#487D4A
- Armour Triadic Color Scheme#74857F#875F9A#9E865E#9BC2B4#5C466B
- Armoury Triadic Color Scheme#6A6B65#537783#824E78#ABB486#2F4F4F
- Ashen Whisper Triadic Color Scheme#646B7A#8E5565#649050#8B9AB9#5A3844
Questions
What colors go with Beautiful Darkness?
In a triadic scheme: Purple Davenport (#835177), Bright Forest (#728A51), Blue Skylights (#8CA6B5), Italian Plum (#59354A).
What is the hex code of Beautiful Darkness?
#686D70.