Wasabi Triadic Color Scheme
Five colors arranged by the triadic rule around Wasabi (#AFD77F), each snapped to its nearest named color.
#AFD77F
#7DABD8
#CF7EAD
#E5EECC
#4586C7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wasabi | #AFD77F | 175, 215, 127 | 87°, 52%, 67% | 19, 0, 41, 16 | |
| High Seas | #7DABD8 | 125, 171, 216 | 210°, 54%, 67% | 42, 21, 0, 15 | |
| Ice Plant | #CF7EAD | 207, 126, 173 | 325°, 46%, 65% | 0, 39, 16, 19 | |
| Water Sprout | #E5EECC | 229, 238, 204 | 76°, 50%, 87% | 4, 0, 14, 7 | |
| Casting Sea | #4586C7 | 69, 134, 199 | 210°, 54%, 53% | 65, 33, 0, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E5EECC on #4586C7 | 3.18:1 | AA large |
| Aa #CF7EAD on #E5EECC | 2.41:1 | — |
| Aa #AFD77F on #4586C7 | 2.34:1 | — |
| Aa #7DABD8 on #E5EECC | 2.01:1 | — |
| Aa #AFD77F on #CF7EAD | 1.77:1 | — |
| Aa #7DABD8 on #4586C7 | 1.58:1 | — |
CSS variables
:root {
--color-1: #afd77f; /* Wasabi */
--color-2: #7dabd8; /* High Seas */
--color-3: #cf7ead; /* Ice Plant */
--color-4: #e5eecc; /* Water Sprout */
--color-5: #4586c7; /* Casting Sea */
}Other schemes from Wasabi
- Wasabi Complementary Color Scheme#AFD77F#DAECC5#B57EDC#7442C8#DACEE8
- Wasabi Analogous Color Scheme#DBA87F#CDD47F#AFD77F#89D178#7BD9AD
- Wasabi Split-complementary Color Scheme#AFD77F#7983D7#D374D5#8DC248#BCBDE4
- Wasabi Tetradic Color Scheme#AFD77F#7CD8D6#B57EDC#DC7A83#E5EECC
- Wasabi Monochromatic Color Scheme#6D8E2C#8DC248#AFD77F#CFE8B6#F1F9EC
More Light Green triadic palettes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Wasabi?
In a triadic scheme: High Seas (#7DABD8), Ice Plant (#CF7EAD), Water Sprout (#E5EECC), Casting Sea (#4586C7).
What is the hex code of Wasabi?
#AFD77F.