Morel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Morel (#73645C), each snapped to its nearest named color.
#73645C
#43817A
#4E5481
#533B32
#71A6A1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Morel | #73645C | 115, 100, 92 | 21°, 11%, 41% | 0, 13, 20, 55 | 51.5% 0.023 50 | |
| Bubble Turquoise | #43817A | 67, 129, 122 | 173°, 32%, 38% | 48, 0, 5, 49 | 56.0% 0.065 186 | |
| Dusk | #4E5481 | 78, 84, 129 | 233°, 25%, 41% | 40, 35, 0, 49 | 46.1% 0.074 277 | |
| Bright Brown | #533B32 | 83, 59, 50 | 16°, 25%, 26% | 0, 29, 40, 67 | 37.7% 0.037 41 | |
| Steel Pan Mallet | #71A6A1 | 113, 166, 161 | 174°, 23%, 55% | 32, 0, 3, 35 | 68.7% 0.057 189 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #533B32 on #71A6A1 | 3.76:1 | AA large |
| Aa #4E5481 on #71A6A1 | 2.64:1 | — |
| Aa #43817A on #533B32 | 2.28:1 | — |
| Aa #73645C on #71A6A1 | 2.07:1 | — |
| Aa #73645C on #533B32 | 1.82:1 | — |
| Aa #43817A on #71A6A1 | 1.65:1 | — |
CSS variables
:root {
--color-1: #73645c; /* Morel */
--color-2: #43817a; /* Bubble Turquoise */
--color-3: #4e5481; /* Dusk */
--color-4: #533b32; /* Bright Brown */
--color-5: #71a6a1; /* Steel Pan Mallet */
}Other schemes from Morel
- Morel Complementary Color Scheme#73645C#AE8D7B#506E82#354655#83A0B4
- Morel Analogous Color Scheme#80496E#814D54#73645C#817C4A#70804D
- Morel Triadic Color Scheme#73645C#4D8064#604C81#B99684#34533D
- Morel Tetradic Color Scheme#73645C#5A804F#506E82#764F82#B99684
- Morel Monochromatic Color Scheme#1F1916#483F39#73645C#9B8B84#BAB0AC
More medium gray split-complementary color schemes
- 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 Morel?
In a split-complementary scheme: Bubble Turquoise (#43817A), Dusk (#4E5481), Bright Brown (#533B32), Steel Pan Mallet (#71A6A1).
What is the hex code of Morel?
#73645C.