Mule Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mule (#827B77), each snapped to its nearest named color.
#827B77
#5F9E8F
#5B649E
#6B5140
#89BAB2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mule | #827B77 | 130, 123, 119 | 22°, 4%, 49% | 0, 5, 8, 49 | |
| Dull Teal | #5F9E8F | 95, 158, 143 | 166°, 25%, 50% | 40, 0, 9, 38 | |
| Iris Bloom | #5B649E | 91, 100, 158 | 232°, 27%, 49% | 42, 37, 0, 38 | |
| Buckingham Palace | #6B5140 | 107, 81, 64 | 24°, 25%, 34% | 0, 24, 40, 58 | |
| Morning Green | #89BAB2 | 137, 186, 178 | 170°, 26%, 63% | 26, 0, 4, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6B5140 on #89BAB2 | 3.38:1 | AA large |
| Aa #5B649E on #89BAB2 | 2.59:1 | — |
| Aa #5F9E8F on #6B5140 | 2.36:1 | — |
| Aa #827B77 on #89BAB2 | 1.93:1 | — |
| Aa #5F9E8F on #5B649E | 1.80:1 | — |
| Aa #827B77 on #6B5140 | 1.76:1 | — |
CSS variables
:root {
--color-1: #827b77; /* Mule */
--color-2: #5f9e8f; /* Dull Teal */
--color-3: #5b649e; /* Iris Bloom */
--color-4: #6b5140; /* Buckingham Palace */
--color-5: #89bab2; /* Morning Green */
}Other schemes from Mule
- Mule Complementary Color Scheme#827B77#C2A593#5A839E#435A6F#9EB4C0
- Mule Analogous Color Scheme#9D5B8B#975B60#827B77#9E915C#839B5C
- Mule Triadic Color Scheme#827B77#5E9D7B#6C5D97#C4AA9B#43694D
- Mule Tetradic Color Scheme#827B77#6A9D5D#5A839E#875F9A#C4AA9B
- Mule Monochromatic Color Scheme#332E2E#595452#827B77#A7A19E#CDC7C7
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 Mule?
In a split-complementary scheme: Dull Teal (#5F9E8F), Iris Bloom (#5B649E), Buckingham Palace (#6B5140), Morning Green (#89BAB2).
What is the hex code of Mule?
#827B77.