Mint to Be Triadic Color Scheme
Five colors arranged by the triadic rule around Mint to Be (#98FF97), each snapped to its nearest named color.
#98FF97
#9999FF
#FF9899
#E7FBEC
#4C4DFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mint to Be | #98FF97 | 152, 255, 151 | 119°, 100%, 80% | 40, 0, 41, 0 | |
| Cobalite | #9999FF | 153, 153, 255 | 240°, 100%, 80% | 40, 40, 0, 0 | |
| Mad Pinker | #FF9899 | 255, 152, 153 | 359°, 100%, 80% | 0, 40, 40, 0 | |
| Winter Mist | #E7FBEC | 231, 251, 236 | 135°, 71%, 95% | 8, 0, 6, 2 | |
| Siniy Blue | #4C4DFF | 76, 77, 255 | 240°, 100%, 65% | 70, 70, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7FBEC on #4C4DFF | 5.09:1 | AA |
| Aa #98FF97 on #4C4DFF | 4.48:1 | AA large |
| Aa #FF9899 on #4C4DFF | 2.68:1 | — |
| Aa #9999FF on #E7FBEC | 2.32:1 | — |
| Aa #9999FF on #4C4DFF | 2.19:1 | — |
| Aa #98FF97 on #9999FF | 2.05:1 | — |
CSS variables
:root {
--color-1: #98ff97; /* Mint to Be */
--color-2: #9999ff; /* Cobalite */
--color-3: #ff9899; /* Mad Pinker */
--color-4: #e7fbec; /* Winter Mist */
--color-5: #4c4dff; /* Siniy Blue */
}Other schemes from Mint to Be
- Mint to Be Complementary Color Scheme#98FF97#E7FBEC#FF99FF#FF44FF#FFEBFE
- Mint to Be Analogous Color Scheme#FDFD96#C1FD95#98FF97#96FBC4#99FFFF
- Mint to Be Split-complementary Color Scheme#98FF97#CC99FF#FF99CC#4EFD54#F0EBFC
- Mint to Be Tetradic Color Scheme#98FF97#99CCFF#FF99FF#FFC996#E7FBEC
- Mint to Be Monochromatic Color Scheme#01FF01#4EFD54#98FF97#E1F8E7#E7FBEC
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 Mint to Be?
In a triadic scheme: Cobalite (#9999FF), Mad Pinker (#FF9899), Winter Mist (#E7FBEC), Siniy Blue (#4C4DFF).
What is the hex code of Mint to Be?
#98FF97.