Tinta Mint Chill
3-color CSS gradient
Mint Chill is a 3-color CSS linear gradient built from #14B8A6, #34D399, and #6EE7B7. Its hues sit in the teal and green ranges. Dark text (#111827) on it keeps at least 7.13:1 at its weakest point — enough for WCAG AAA body text.
Stops
Light & dark theme
This palette as Material 3 color roles for a real interface, in light and dark mode. Every color comes with the text color that goes on it, and every pair's contrast is measured.
What are the HEX, RGB, and HSL values for Mint Chill?
Every color in this 3-color set, with its contrast ratio against white and black.
| Color | Name | HEX | RGB | HSL | On white | On black |
|---|---|---|---|---|---|---|
| #14B8A6 | Light Sea Green | #14B8A6 | 20, 184, 166 | 173°, 80%, 40% | 2.49:1 | 8.44:1 |
| #34D399 | Medium Aquamarine | #34D399 | 52, 211, 153 | 158°, 64%, 52% | 1.92:1 | 10.92:1 |
| #6EE7B7 | Aqua Mint | #6EE7B7 | 110, 231, 183 | 156°, 72%, 67% | 1.52:1 | 13.78:1 |
Related gradients
Others sharing the same hues and tone