Opium Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Opium (#987E7E), each snapped to its nearest named color.
#987E7E
#70A38D
#6B8CA9
#784D4C
#9FC8B2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Opium | #987E7E | 152, 126, 126 | 0°, 11%, 55% | 0, 17, 17, 40 | |
| Quilotoa Green | #70A38D | 112, 163, 141 | 154°, 22%, 54% | 31, 0, 13, 36 | |
| Scanda | #6B8CA9 | 107, 140, 169 | 208°, 26%, 54% | 37, 17, 0, 34 | |
| False Morel | #784D4C | 120, 77, 76 | 1°, 22%, 38% | 0, 36, 37, 53 | |
| Lobaria Lichen | #9FC8B2 | 159, 200, 178 | 148°, 27%, 70% | 21, 0, 11, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #784D4C on #9FC8B2 | 3.84:1 | AA large |
| Aa #70A38D on #784D4C | 2.47:1 | — |
| Aa #987E7E on #9FC8B2 | 2.02:1 | — |
| Aa #6B8CA9 on #784D4C | 2.01:1 | — |
| Aa #6B8CA9 on #9FC8B2 | 1.91:1 | — |
| Aa #987E7E on #784D4C | 1.90:1 | — |
CSS variables
:root {
--color-1: #987e7e; /* Opium */
--color-2: #70a38d; /* Quilotoa Green */
--color-3: #6b8ca9; /* Scanda */
--color-4: #784d4c; /* False Morel */
--color-5: #9fc8b2; /* Lobaria Lichen */
}Other schemes from Opium
- Opium Complementary Color Scheme#987E7E#CAA6A9#6BA5A9#537E7E#AECCCB
- Opium Analogous Color Scheme#A66DA1#AB728D#987E7E#A68B6D#A1A46D
- Opium Triadic Color Scheme#987E7E#72A86A#6C70A9#CAAEAB#4C7C4B
- Opium Tetradic Color Scheme#987E7E#8AA56E#6BA5A9#8A6FA9#CAAEAB
- Opium Monochromatic Color Scheme#463636#6D595A#987E7E#BAAAAA#DCD5D3
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Opium?
In a split-complementary scheme: Quilotoa Green (#70A38D), Scanda (#6B8CA9), False Morel (#784D4C), Lobaria Lichen (#9FC8B2).
What is the hex code of Opium?
#987E7E.