Yucca Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Yucca (#75978F), each snapped to its nearest named color.
#31453B
#546D66
#75978F
#A2B7B5
#CBD9D7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bracken Fern | #31453B | 49, 69, 59 | 150°, 17%, 23% | 29, 0, 14, 73 | |
| Chelsea Garden | #546D66 | 84, 109, 102 | 163°, 13%, 38% | 23, 0, 6, 57 | |
| Yucca | #75978F | 117, 151, 143 | 166°, 14%, 53% | 23, 0, 5, 41 | |
| Holly Glen | #A2B7B5 | 162, 183, 181 | 174°, 13%, 68% | 11, 0, 1, 28 | |
| Thunder Bay | #CBD9D7 | 203, 217, 215 | 171°, 16%, 82% | 6, 0, 1, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #31453B on #CBD9D7 | 7.06:1 | AAA |
| Aa #31453B on #A2B7B5 | 4.88:1 | AA |
| Aa #546D66 on #CBD9D7 | 3.85:1 | AA large |
| Aa #31453B on #75978F | 3.22:1 | AA large |
| Aa #546D66 on #A2B7B5 | 2.66:1 | — |
| Aa #75978F on #CBD9D7 | 2.20:1 | — |
CSS variables
:root {
--color-1: #31453b; /* Bracken Fern */
--color-2: #546d66; /* Chelsea Garden */
--color-3: #75978f; /* Yucca */
--color-4: #a2b7b5; /* Holly Glen */
--color-5: #cbd9d7; /* Thunder Bay */
}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 Split-complementary Color Scheme#75978F#A46A95#A07569#49796B#CA99B7
- Yucca Tetradic Color Scheme#75978F#776EA2#A06974#95A263#ABCCC3
More Medium Teal monochromatic palettes
- Aggressive Aqua Monochromatic Color Scheme#016367#01B1AF#00FBFF#55FFFF#99FFFF
- Ambrosial Oceanside Monochromatic Color Scheme#19443C#31796D#47AE9C#77CABD#AEDDD3
- Aphrodite Aqua Monochromatic Color Scheme#17806D#00CC99#45E9C1#84FBCE#CFF7EF
- Aqua Monochromatic Color Scheme#006D73#06B1C4#0FF0FE#53F6FF#AAFFFF
- Aquamarine Monochromatic Color Scheme#127453#1DB394#2EE8BB#7EF4CC#B8FFEB
- Aquarius Monochromatic Color Scheme#154250#1B7D8D#2DB0CE#6CC4DA#ACDEEB
- Arctic Monochromatic Color Scheme#252F2F#445A5E#648589#8BA8AE#B9CACC
- Arctic Water Monochromatic Color Scheme#016360#01B1AF#00FCFC#41FDFE#99FFFF
- Atlas Cedar Monochromatic Color Scheme#264243#417074#5CA0A7#8FBCC4#BCD9DC
- Blue Bikini Monochromatic Color Scheme#004455#007FA2#00BBEE#37C4FA#88EEFF
- Blue Bobbin Monochromatic Color Scheme#18576C#30949D#52B4CA#8FCBDC#C5E8EE
- Blue Martini Monochromatic Color Scheme#1A5D72#338DAE#52B4D3#93CFE3#CCEBF5
Questions
What colors go with Yucca?
In a monochromatic scheme: Bracken Fern (#31453B), Chelsea Garden (#546D66), Holly Glen (#A2B7B5), Thunder Bay (#CBD9D7).
What is the hex code of Yucca?
#75978F.