A State of Mint Triadic Color Scheme
Five colors arranged by the triadic rule around A State of Mint (#88FFCC), each snapped to its nearest named color.
#88FFCC
#CC88FF
#FFCC88
#E6FDF1
#BF3CFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| A State of Mint | #88FFCC | 136, 255, 204 | 154°, 100%, 77% | 47, 0, 20, 0 | |
| Crash Pink | #CC88FF | 204, 136, 255 | 274°, 100%, 77% | 20, 47, 0, 0 | |
| Bastard Amber | #FFCC88 | 255, 204, 136 | 34°, 100%, 77% | 0, 20, 47, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | |
| Magento | #BF3CFF | 191, 60, 255 | 280°, 100%, 62% | 25, 76, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6FDF1 on #BF3CFF | 3.71:1 | AA large |
| Aa #88FFCC on #BF3CFF | 3.25:1 | AA large |
| Aa #FFCC88 on #BF3CFF | 2.68:1 | — |
| Aa #CC88FF on #E6FDF1 | 2.31:1 | — |
| Aa #88FFCC on #CC88FF | 2.02:1 | — |
| Aa #CC88FF on #FFCC88 | 1.67:1 | — |
CSS variables
:root {
--color-1: #88ffcc; /* A State of Mint */
--color-2: #cc88ff; /* Crash Pink */
--color-3: #ffcc88; /* Bastard Amber */
--color-4: #e6fdf1; /* Mint Chiffon */
--color-5: #bf3cff; /* Magento */
}Other schemes from A State of Mint
- A State of Mint Complementary Color Scheme#88FFCC#E6FDF1#FF88BB#FD3F92#FFE5EF
- A State of Mint Analogous Color Scheme#BBFF99#94FF94#88FFCC#8AF1FE#88BBFF
- A State of Mint Split-complementary Color Scheme#88FFCC#FF88FF#FF8D86#2AFEB7#FED0FC
- A State of Mint Tetradic Color Scheme#88FFCC#8E82FE#FF88BB#FFFF88#E6FDF1
- A State of Mint Monochromatic Color Scheme#04F489#2AFEB7#88FFCC#D8FFF3#E6FDF1
More Light Green triadic palettes
- 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
- Creamy Avocado Triadic Color Scheme#D8F19C#9BD7E9#EB94DA#F6FCEB#5DADEC
Questions
What colors go with A State of Mint?
In a triadic scheme: Crash Pink (#CC88FF), Bastard Amber (#FFCC88), Mint Chiffon (#E6FDF1), Magento (#BF3CFF).
What is the hex code of A State of Mint?
#88FFCC.