Aster Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Aster (#867BA9), each snapped to its nearest named color.
#867BA9
#AF9C76
#88AA77
#5C5083
#C7C0A7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Aster | #867BA9 | 134, 123, 169 | 254°, 21%, 57% | 21, 27, 0, 34 | |
| Expedition | #AF9C76 | 175, 156, 118 | 40°, 26%, 57% | 0, 11, 33, 31 | |
| Lush Fields | #88AA77 | 136, 170, 119 | 100°, 23%, 57% | 20, 0, 30, 33 | |
| Freshly Purpleized | #5C5083 | 92, 80, 131 | 254°, 24%, 41% | 30, 39, 0, 49 | |
| Country Charm | #C7C0A7 | 199, 192, 167 | 47°, 22%, 72% | 0, 4, 16, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5C5083 on #C7C0A7 | 3.93:1 | AA large |
| Aa #88AA77 on #5C5083 | 2.75:1 | — |
| Aa #AF9C76 on #5C5083 | 2.68:1 | — |
| Aa #867BA9 on #C7C0A7 | 2.13:1 | — |
| Aa #867BA9 on #5C5083 | 1.85:1 | — |
| Aa #867BA9 on #88AA77 | 1.49:1 | — |
CSS variables
:root {
--color-1: #867ba9; /* Aster */
--color-2: #af9c76; /* Expedition */
--color-3: #88aa77; /* Lush Fields */
--color-4: #5c5083; /* Freshly Purpleized */
--color-5: #c7c0a7; /* Country Charm */
}Other schemes from Aster
- Aster Complementary Color Scheme#867BA9#B8B0CF#A4AE77#7F8353#CFD2B5
- Aster Analogous Color Scheme#76A0AF#7A85AF#867BA9#9D7AAC#AC74A4
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Aster Monochromatic Color Scheme#3D3354#645681#867BA9#ADA7C8#DBD7E4
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Aster?
In a split-complementary scheme: Expedition (#AF9C76), Lush Fields (#88AA77), Freshly Purpleized (#5C5083), Country Charm (#C7C0A7).
What is the hex code of Aster?
#867BA9.