#3EB489
Mint
Mint is a fresh, cool green inspired by the mint plant. It is clean, refreshing, and widely used in health, beauty, and food branding.
Mint Color Values
HEX#3EB489
RGB62, 180, 137
HSL158°, 49%, 47%
HSV158°, 66%, 71%
CMYK66%, 0%, 24%, 29%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #B0A786 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #A09C8C (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #00B4A8 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #979797 (~0.003% of population)
Mint as Text Color
Mint on White
2.6:1FAIL
Mint on Light Gray
2.4:1FAIL
Mint on Cream
2.5:1FAIL
Mint on Dark
6.6:1AA
Mint on Black
8.1:1AAA
Mint on Soft Blue
2.3:1FAIL
Mint on Soft Green
2.3:1FAIL
Mint on Soft Pink
2.2:1FAIL
Nearest Tailwind Class
emerald-500
#10B981
Nearest Pantone Match
Pantone Green
#00AB84
CSS Variable Export
:root {
--color-mint: #3EB489;
--color-mint-rgb: 62, 180, 137;
}Tailwind Config
// tailwind.config.js
colors: {
'mint': '#3EB489',
}Shades of Mint
#3DB388
#37A079
#308D6B
#287659
#22634B
#1B503D
#153D2E
#0D261D
#07130E
#000000
Tints of Mint
#3DB388
#4CC297
#63CAA4
#7AD1B1
#91D9BF
#A4E0CA
#BBE8D7
#D1EFE4
#E8F7F2
#FFFFFF
Color Harmonies
Complementary
#3EB489
#B33D68
Analogous
#3DB34D
#3DB388
#3DA3B3
Triadic
#3DB388
#883DB3
#B3883D
Mint Text Preview
Heading in Mint
Body text in Mint. The quick brown fox jumps over the lazy dog.
White on Mint
Body text on a Mint background.
Mint text on dark background
Contrast: 6.8:1