A State of Mint Complementary Color Scheme
Five colors arranged by the complementary rule around A State of Mint (#88FFCC), each snapped to its nearest named color.
#88FFCC
#E6FDF1
#FF88BB
#FD3F92
#FFE5EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| A State of Mint | #88FFCC | 136, 255, 204 | 154°, 100%, 77% | 47, 0, 20, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | |
| Cochonnet | #FF88BB | 255, 136, 187 | 334°, 100%, 77% | 0, 47, 27, 0 | |
| French Fuchsia | #FD3F92 | 253, 63, 146 | 334°, 98%, 62% | 0, 75, 42, 1 | |
| Sweetly | #FFE5EF | 255, 229, 239 | 337°, 100%, 95% | 0, 10, 6, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E6FDF1 on #FD3F92 | 3.12:1 | AA large |
| Aa #FD3F92 on #FFE5EF | 2.81:1 | — |
| Aa #88FFCC on #FD3F92 | 2.73:1 | — |
| Aa #E6FDF1 on #FF88BB | 2.07:1 | — |
| Aa #FF88BB on #FFE5EF | 1.87:1 | — |
| Aa #88FFCC on #FF88BB | 1.81:1 | — |
CSS variables
:root {
--color-1: #88ffcc; /* A State of Mint */
--color-2: #e6fdf1; /* Mint Chiffon */
--color-3: #ff88bb; /* Cochonnet */
--color-4: #fd3f92; /* French Fuchsia */
--color-5: #ffe5ef; /* Sweetly */
}Other schemes from A State of Mint
- A State of Mint Analogous Color Scheme#BBFF99#94FF94#88FFCC#8AF1FE#88BBFF
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- 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 complementary palettes
- Basil Smash Complementary Color Scheme#B7E1A1#EDF5E7#DDAAEE#AD66D2#F3E9F7
- Bay Complementary Color Scheme#B3E2D3#ECF7F7#E4B6C4#CB7D96#F7EFEF
- Big Spender Complementary Color Scheme#ACDDAF#EBF8EF#DDAADD#C772C0#F8EEF4
- Bok Choy Complementary Color Scheme#BCCAB3#EBF1E9#C5AECF#9D7BB0#F3F1F3
- Botanist Complementary Color Scheme#9AD28C#D7ECCD#C687D6#A152BD#E7D6ED
- Cabbage Complementary Color Scheme#87D7BE#CEEFE4#DD84A3#CA4F70#F0D6DD
- Camping Grounds Complementary Color Scheme#B4C2A2#E3E8D9#AF9FCA#8A6FA9#E3DFEA
- Celadon Complementary Color Scheme#ACE1AF#EBF8EF#E6A8D7#CC77CC#FCEBFA
- Celadon Porcelain Complementary Color Scheme#7EBEA5#BCDCCD#BD7D94#9F556C#E2C3CF
- Celery Mousse Complementary Color Scheme#C1FD95#F1FDE9#CC99FF#AA55FF#F8EBFC
- Copper Patina Complementary Color Scheme#9DB4A0#C9E2CF#BF90BB#A46A95#E4D4E2
- Creamy Avocado Complementary Color Scheme#D8F19C#F6FCEB#B195E4#8756E4#F0EBFC
Questions
What colors go with A State of Mint?
In a complementary scheme: Mint Chiffon (#E6FDF1), Cochonnet (#FF88BB), French Fuchsia (#FD3F92), Sweetly (#FFE5EF).
What is the hex code of A State of Mint?
#88FFCC.