Sugar Mint Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Sugar Mint (#C0E2C5), each snapped to its nearest named color.
#54AC68
#86C994
#C0E2C5
#EBF8EF
#EBF8EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Algae | #54AC68 | 84, 172, 104 | 134°, 35%, 50% | 51, 0, 40, 33 | 67.2% 0.131 149 | |
| Good Luck Charm | #86C994 | 134, 201, 148 | 133°, 38%, 66% | 33, 0, 26, 21 | 77.7% 0.102 150 | |
| Sugar Mint | #C0E2C5 | 192, 226, 197 | 129°, 37%, 82% | 15, 0, 13, 11 | 88.0% 0.053 149 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 | 96.7% 0.018 156 | |
| Soft Petals | #EBF8EF | 235, 248, 239 | 138°, 48%, 95% | 5, 0, 4, 3 | 96.7% 0.018 156 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #54AC68 on #EBF8EF | 2.57:1 | — |
| Aa #54AC68 on #EBF8EF | 2.57:1 | — |
| Aa #54AC68 on #C0E2C5 | 2.00:1 | — |
| Aa #86C994 on #EBF8EF | 1.78:1 | — |
| Aa #86C994 on #EBF8EF | 1.78:1 | — |
| Aa #54AC68 on #86C994 | 1.44:1 | — |
CSS variables
:root {
--color-1: #54ac68; /* Algae */
--color-2: #86c994; /* Good Luck Charm */
--color-3: #c0e2c5; /* Sugar Mint */
--color-4: #ebf8ef; /* Soft Petals */
--color-5: #ebf8ef; /* Soft Petals */
}Other schemes from Sugar Mint
- Sugar Mint Complementary Color Scheme#C0E2C5#EBF8EF#E7C2DE#CA93C1#F8EEF4
- Sugar Mint Analogous Color Scheme#DEE3C0#C5E1C3#C0E2C5#C1E5D5#C1DEE2
- Sugar Mint Triadic Color Scheme#C0E2C5#CAC0E1#E5C4C0#EBF8EF#8D8DC9
- Sugar Mint Split-complementary Color Scheme#C0E2C5#DEC0E2#E2C3CF#86C994#F8EEF4
- Sugar Mint Tetradic Color Scheme#C0E2C5#C5CBE1#E7C2DE#E2D7C1#EBF8EF
More very light green monochromatic color schemes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Sugar Mint?
In a monochromatic scheme: Algae (#54AC68), Good Luck Charm (#86C994), Soft Petals (#EBF8EF), Soft Petals (#EBF8EF).
What is the hex code of Sugar Mint?
#C0E2C5.