Ecological Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ecological (#677F70), each snapped to its nearest named color.
#677F70
#85598A
#92555B
#3D604A
#A780B2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ecological | #677F70 | 103, 127, 112 | 143°, 10%, 45% | 19, 0, 12, 50 | |
| Purple Fluorite | #85598A | 133, 89, 138 | 294°, 22%, 45% | 4, 36, 0, 46 | |
| Mesa Red | #92555B | 146, 85, 91 | 354°, 26%, 45% | 0, 42, 38, 43 | |
| Windy Pine | #3D604A | 61, 96, 74 | 142°, 22%, 31% | 36, 0, 23, 62 | |
| Lobby Lilac | #A780B2 | 167, 128, 178 | 287°, 25%, 60% | 6, 28, 0, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3D604A on #A780B2 | 2.15:1 | — |
| Aa #92555B on #A780B2 | 1.74:1 | — |
| Aa #85598A on #A780B2 | 1.68:1 | — |
| Aa #677F70 on #3D604A | 1.63:1 | — |
| Aa #677F70 on #92555B | 1.32:1 | — |
| Aa #677F70 on #A780B2 | 1.32:1 | — |
CSS variables
:root {
--color-1: #677f70; /* Ecological */
--color-2: #85598a; /* Purple Fluorite */
--color-3: #92555b; /* Mesa Red */
--color-4: #3d604a; /* Windy Pine */
--color-5: #a780b2; /* Lobby Lilac */
}Other schemes from Ecological
- Ecological Complementary Color Scheme#677F70#89B89A#8B5776#603E53#BA90AD
- Ecological Analogous Color Scheme#769358#558D4F#677F70#568E88#587C8D
- Ecological Triadic Color Scheme#677F70#6F5390#916D56#92B8A0#4A3C62
- Ecological Tetradic Color Scheme#677F70#555A90#8B5776#918754#92B8A0
- Ecological Monochromatic Color Scheme#232E26#46554C#677F70#8DA399#B9C4BC
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 Ecological?
In a split-complementary scheme: Purple Fluorite (#85598A), Mesa Red (#92555B), Windy Pine (#3D604A), Lobby Lilac (#A780B2).
What is the hex code of Ecological?
#677F70.