Beautiful Darkness Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Beautiful Darkness (#686D70), each snapped to its nearest named color.
#1A2421
#444647
#686D70
#8F9395
#B8BABA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Shadow Warrior | #1A2421 | 26, 36, 33 | 162°, 16%, 12% | 28, 0, 8, 86 | 25.0% 0.015 175 | |
| Black Heron | #444647 | 68, 70, 71 | 200°, 2%, 27% | 4, 1, 0, 72 | 39.3% 0.003 229 | |
| Beautiful Darkness | #686D70 | 104, 109, 112 | 203°, 4%, 42% | 7, 3, 0, 56 | 53.1% 0.008 234 | |
| Flint Shard | #8F9395 | 143, 147, 149 | 200°, 3%, 57% | 4, 1, 0, 42 | 66.1% 0.006 229 | |
| Rocky Shelter | #B8BABA | 184, 186, 186 | 180°, 1%, 73% | 1, 0, 0, 27 | 78.7% 0.002 197 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1A2421 on #B8BABA | 8.17:1 | AAA |
| Aa #1A2421 on #8F9395 | 5.14:1 | AA |
| Aa #444647 on #B8BABA | 4.87:1 | AA |
| Aa #444647 on #8F9395 | 3.06:1 | AA large |
| Aa #1A2421 on #686D70 | 3.04:1 | AA large |
| Aa #686D70 on #B8BABA | 2.69:1 | — |
CSS variables
:root {
--color-1: #1a2421; /* Shadow Warrior */
--color-2: #444647; /* Black Heron */
--color-3: #686d70; /* Beautiful Darkness */
--color-4: #8f9395; /* Flint Shard */
--color-5: #b8baba; /* Rocky Shelter */
}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 Tetradic Color Scheme#686D70#804B81#88654E#598556#8CA6B5
More medium gray monochromatic color schemes
- 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 Beautiful Darkness?
In a monochromatic scheme: Shadow Warrior (#1A2421), Black Heron (#444647), Flint Shard (#8F9395), Rocky Shelter (#B8BABA).
What is the hex code of Beautiful Darkness?
#686D70.