Mint Twist Triadic Color Scheme
Five colors arranged by the triadic rule around Mint Twist (#98CBBA), each snapped to its nearest named color.
#98CBBA
#BD97CF
#CABA97
#DCECE7
#946DAD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mint Twist | #98CBBA | 152, 203, 186 | 160°, 33%, 70% | 25, 0, 8, 20 | 80.2% 0.058 172 | |
| Amethyst Show | #BD97CF | 189, 151, 207 | 281°, 37%, 70% | 9, 27, 0, 19 | 73.0% 0.089 315 | |
| Stone Guardians | #CABA97 | 202, 186, 151 | 41°, 32%, 69% | 0, 8, 25, 21 | 79.3% 0.051 86 | |
| Waterscape | #DCECE7 | 220, 236, 231 | 161°, 30%, 89% | 7, 0, 2, 7 | 93.0% 0.018 175 | |
| Crown Jewels | #946DAD | 148, 109, 173 | 277°, 28%, 55% | 14, 37, 0, 32 | 59.8% 0.104 311 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DCECE7 on #946DAD | 3.40:1 | AA large |
| Aa #98CBBA on #946DAD | 2.29:1 | — |
| Aa #CABA97 on #946DAD | 2.17:1 | — |
| Aa #BD97CF on #DCECE7 | 2.03:1 | — |
| Aa #BD97CF on #946DAD | 1.68:1 | — |
| Aa #CABA97 on #DCECE7 | 1.57:1 | — |
CSS variables
:root {
--color-1: #98cbba; /* Mint Twist */
--color-2: #bd97cf; /* Amethyst Show */
--color-3: #caba97; /* Stone Guardians */
--color-4: #dcece7; /* Waterscape */
--color-5: #946dad; /* Crown Jewels */
}Other schemes from Mint Twist
- Mint Twist Complementary Color Scheme#98CBBA#D6E9E4#CC99AA#AC667B#EFDBE2
- Mint Twist Analogous Color Scheme#ABCA99#99CEA0#98CBBA#99C1CC#99A8C9
- Mint Twist Split-complementary Color Scheme#98CBBA#CD9BC4#CDA09A#62AE9E#E7CEE3
- Mint Twist Tetradic Color Scheme#98CBBA#A495CB#CC99AA#C9C79A#DCECE7
- Mint Twist Monochromatic Color Scheme#438273#62AE9E#98CBBA#CDE5DE#EFF5F1
More light green triadic color schemes
- 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 Twist?
In a triadic scheme: Amethyst Show (#BD97CF), Stone Guardians (#CABA97), Waterscape (#DCECE7), Crown Jewels (#946DAD).
What is the hex code of Mint Twist?
#98CBBA.