Spearmint Triadic Color Scheme
Five colors arranged by the triadic rule around Spearmint (#64BFA4), each snapped to its nearest named color.
#64BFA4
#A264BA
#BEA166
#AADCCD
#7F3E98
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Spearmint | #64BFA4 | 100, 191, 164 | 162°, 42%, 57% | 48, 0, 14, 25 | |
| Prickly Purple | #A264BA | 162, 100, 186 | 283°, 38%, 56% | 13, 46, 0, 27 | |
| Desert Moss | #BEA166 | 190, 161, 102 | 40°, 40%, 57% | 0, 15, 46, 25 | |
| Prism | #AADCCD | 170, 220, 205 | 162°, 42%, 76% | 23, 0, 7, 14 | |
| Cadmium Violet | #7F3E98 | 127, 62, 152 | 283°, 42%, 42% | 16, 59, 0, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AADCCD on #7F3E98 | 4.54:1 | AA |
| Aa #64BFA4 on #7F3E98 | 3.13:1 | AA large |
| Aa #BEA166 on #7F3E98 | 2.78:1 | — |
| Aa #A264BA on #AADCCD | 2.73:1 | — |
| Aa #64BFA4 on #A264BA | 1.88:1 | — |
| Aa #A264BA on #BEA166 | 1.67:1 | — |
CSS variables
:root {
--color-1: #64bfa4; /* Spearmint */
--color-2: #a264ba; /* Prickly Purple */
--color-3: #bea166; /* Desert Moss */
--color-4: #aadccd; /* Prism */
--color-5: #7f3e98; /* Cadmium Violet */
}Other schemes from Spearmint
- Spearmint Complementary Color Scheme#64BFA4#A5D8CD#BD6973#953D55#DDAABB
- Spearmint Analogous Color Scheme#7CBC6C#62BE77#64BFA4#62AEBA#637FBB
- Spearmint Split-complementary Color Scheme#64BFA4#BC64A4#BE7767#3D9973#D39BCB
- Spearmint Tetradic Color Scheme#64BFA4#7366BD#BD6973#ACBF60#AADCCD
- Spearmint Monochromatic Color Scheme#26604F#3D9973#64BFA4#9BD8C4#D3ECE4
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Spearmint?
In a triadic scheme: Prickly Purple (#A264BA), Desert Moss (#BEA166), Prism (#AADCCD), Cadmium Violet (#7F3E98).
What is the hex code of Spearmint?
#64BFA4.