Mithril Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mithril (#878787), each snapped to its nearest named color.
#878787
#67A181
#6586A5
#784848
#93C3B1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mithril | #878787 | 135, 135, 135 | 0°, 0%, 53% | 0, 0, 0, 47 | |
| Sea Lettuce | #67A181 | 103, 161, 129 | 147°, 24%, 52% | 36, 0, 20, 37 | |
| Moody Indigo | #6586A5 | 101, 134, 165 | 209°, 26%, 52% | 39, 19, 0, 35 | |
| Cocobolo | #784848 | 120, 72, 72 | 0°, 25%, 38% | 0, 40, 40, 53 | |
| Bella Green | #93C3B1 | 147, 195, 177 | 158°, 29%, 67% | 25, 0, 9, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #784848 on #93C3B1 | 3.79:1 | AA large |
| Aa #67A181 on #784848 | 2.48:1 | — |
| Aa #878787 on #784848 | 2.07:1 | — |
| Aa #6586A5 on #784848 | 1.95:1 | — |
| Aa #6586A5 on #93C3B1 | 1.94:1 | — |
| Aa #878787 on #93C3B1 | 1.83:1 | — |
CSS variables
:root {
--color-1: #878787; /* Mithril */
--color-2: #67a181; /* Sea Lettuce */
--color-3: #6586a5; /* Moody Indigo */
--color-4: #784848; /* Cocobolo */
--color-5: #93c3b1; /* Bella Green */
}Other schemes from Mithril
- Mithril Complementary Color Scheme#878787#C6A4A4#6BA5A9#487A7B#A7CAC9
- Mithril Analogous Color Scheme#A767A2#AA6988#878787#A3876A#A0A667
- Mithril Triadic Color Scheme#878787#72A86A#6D69A1#C8ABA8#4C7C4B
- Mithril Tetradic Color Scheme#878787#8CA468#6BA5A9#876FA3#C8ABA8
- Mithril Monochromatic Color Scheme#3A3B3B#606061#878787#ADADAD#D3D3D3
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 Mithril?
In a split-complementary scheme: Sea Lettuce (#67A181), Moody Indigo (#6586A5), Cocobolo (#784848), Bella Green (#93C3B1).
What is the hex code of Mithril?
#878787.