Mint to Be Analogous Color Scheme
Five colors arranged by the analogous rule around Mint to Be (#98FF97), each snapped to its nearest named color.
#FDFD96
#C1FD95
#98FF97
#96FBC4
#99FFFF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pastel Yellow | #FDFD96 | 253, 253, 150 | 60°, 96%, 79% | 0, 0, 41, 1 | |
| Celery Mousse | #C1FD95 | 193, 253, 149 | 95°, 96%, 79% | 24, 0, 41, 1 | |
| Mint to Be | #98FF97 | 152, 255, 151 | 119°, 100%, 80% | 40, 0, 41, 0 | |
| Lemon Gate | #96FBC4 | 150, 251, 196 | 147°, 93%, 79% | 40, 0, 22, 2 | |
| Glitchy Shader Blue | #99FFFF | 153, 255, 255 | 180°, 100%, 80% | 40, 0, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FDFD96 on #96FBC4 | 1.16:1 | — |
| Aa #FDFD96 on #98FF97 | 1.15:1 | — |
| Aa #FDFD96 on #C1FD95 | 1.11:1 | — |
| Aa #FDFD96 on #99FFFF | 1.09:1 | — |
| Aa #96FBC4 on #99FFFF | 1.07:1 | — |
| Aa #98FF97 on #99FFFF | 1.06:1 | — |
CSS variables
:root {
--color-1: #fdfd96; /* Pastel Yellow */
--color-2: #c1fd95; /* Celery Mousse */
--color-3: #98ff97; /* Mint to Be */
--color-4: #96fbc4; /* Lemon Gate */
--color-5: #99ffff; /* Glitchy Shader Blue */
}Other schemes from Mint to Be
- Mint to Be Complementary Color Scheme#98FF97#E7FBEC#FF99FF#FF44FF#FFEBFE
- Mint to Be Triadic Color Scheme#98FF97#9999FF#FF9899#E7FBEC#4C4DFF
- 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 analogous palettes
- A State of Mint Analogous Color Scheme#BBFF99#94FF94#88FFCC#8AF1FE#88BBFF
- Basil Smash Analogous Color Scheme#E3C9A1#D9E6A6#B7E1A1#A4E3B3#A8E3CC
- Bay Analogous Color Scheme#CAE4B2#B4E1BB#B3E2D3#B3DAE2#B0C5E0
- Big Spender Analogous Color Scheme#DADEAD#C1D8AC#ACDDAF#B0DEC8#ACDBDB
- Bok Choy Analogous Color Scheme#CFC1AE#CECEAF#BCCAB3#ADD0B3#B0CEC2
- Botanist Analogous Color Scheme#D3C190#B9D08B#9AD28C#90CCA3#8BD3C6
- Cabbage Analogous Color Scheme#A5D785#92D599#87D7BE#8AC7D4#84A2D4
- Camping Grounds Analogous Color Scheme#C3B19F#CAC69D#B4C2A2#A2C09B#9FC8B2
- Celadon Analogous Color Scheme#DCE2AD#C8E0AB#ACE1AF#ABE3C9#ABDEE3
- Celadon Porcelain Analogous Color Scheme#94BE7F#7CBD85#7EBEA5#7EB7BF#7896BA
- Celery Mousse Analogous Color Scheme#FFD299#FDFD96#C1FD95#8FFF9F#88FFCC
- Copper Patina Analogous Color Scheme#B4BE93#A8BF93#9DB4A0#95BFB2#8FBABC
Questions
What colors go with Mint to Be?
In a analogous scheme: Pastel Yellow (#FDFD96), Celery Mousse (#C1FD95), Lemon Gate (#96FBC4), Glitchy Shader Blue (#99FFFF).
What is the hex code of Mint to Be?
#98FF97.