Yucca Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Yucca (#75978F), each snapped to its nearest named color.
#75978F
#A46A95
#A07569
#49796B
#CA99B7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Yucca | #75978F | 117, 151, 143 | 166°, 14%, 53% | 23, 0, 5, 41 | |
| Mauve Memento | #A46A95 | 164, 106, 149 | 316°, 24%, 53% | 0, 35, 9, 36 | |
| Equestrienne | #A07569 | 160, 117, 105 | 13°, 22%, 52% | 0, 27, 34, 37 | |
| Hooker’s Green | #49796B | 73, 121, 107 | 163°, 25%, 38% | 40, 0, 12, 53 | |
| Morning Glory Pink | #CA99B7 | 202, 153, 183 | 323°, 32%, 70% | 0, 24, 9, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #49796B on #CA99B7 | 2.07:1 | — |
| Aa #A46A95 on #CA99B7 | 1.72:1 | — |
| Aa #A07569 on #CA99B7 | 1.67:1 | — |
| Aa #75978F on #49796B | 1.56:1 | — |
| Aa #75978F on #CA99B7 | 1.33:1 | — |
| Aa #75978F on #A46A95 | 1.30:1 | — |
CSS variables
:root {
--color-1: #75978f; /* Yucca */
--color-2: #a46a95; /* Mauve Memento */
--color-3: #a07569; /* Equestrienne */
--color-4: #49796b; /* Hooker’s Green */
--color-5: #ca99b7; /* Morning Glory Pink */
}Other schemes from Yucca
- Yucca Complementary Color Scheme#75978F#A0C4BE#A06974#7A4B56#C9A7AC
- Yucca Analogous Color Scheme#72A86A#6CA178#75978F#6797A2#6976A3
- Yucca Triadic Color Scheme#75978F#9569A3#A39467#ABCCC3#6D4976
- Yucca Tetradic Color Scheme#75978F#776EA2#A06974#95A263#ABCCC3
- Yucca Monochromatic Color Scheme#31453B#546D66#75978F#A2B7B5#CBD9D7
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Yucca?
In a split-complementary scheme: Mauve Memento (#A46A95), Equestrienne (#A07569), Hooker’s Green (#49796B), Morning Glory Pink (#CA99B7).
What is the hex code of Yucca?
#75978F.