Codes & values
- Color Name
Mint - Color ID
KDF-C-10026904 - HEX
#98FF98 - RGB
rgb(152, 255, 152) - RGBA
rgba(152, 255, 152, 1) - HSL
hsl(120, 100%, 80%) - HSLA
hsla(120, 100%, 80%, 1) - HSV / HSB
hsv(120, 40%, 100%) - CMYK
cmyk(40%, 0%, 40%, 0%) - Light / Dark
light
Quick answers
- What is the HEX code for Mint?
- #98FF98
- What is Mint RGB?
- rgb(152, 255, 152)
- What is Mint HSL?
- hsl(120, 100%, 80%)
- What is Mint CMYK?
- cmyk(40%, 0%, 40%, 0%)
What is Mint?
Mint is a curated green family color at #98FF98. It appears in our library with tags for ui, design, background. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Mint HEX code
The HEX code for Mint is #98FF98. Paste it into CSS as color: #98FF98; or background-color: #98FF98;. Design tools accept the same six-digit value without the # prefix (98ff98).
Mint RGB
Mint in RGB is rgb(152, 255, 152) (channels R 152, G 255, B 152). Use RGB when you need opacity via rgba(152, 255, 152, 1).
Mint HSL & HSV
HSL is hsl(120, 100%, 80%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(120, 40%, 100%), closer to how many digital pickers expose hue, saturation, and brightness.
Mint CMYK
Approximate CMYK for Mint is cmyk(40%, 0%, 40%, 0%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Mint
Darker shades (mixed toward black): #7FD57F, #65AA65, #4C804C, #335533, #192A19. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Mint
Lighter tints (mixed toward white): #A9FFA9, #BAFFBA, #CCFFCC, #DDFFDD, #EEFFEE. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Mint
Complementary pairing: #98FF98, #FF98FF. Analogous neighbors: #CCFF98, #98FF98, #98FFCC. Triadic accents: #98FF98, #9898FF, #FF9898. Always check text contrast when pairing.
Mint color combinations
A practical combo: primary #98FF98, complementary accent #FF98FF, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #98FF98, #CB98FF, #FF98CC.
Mint in web design
Green signals success, growth, and eco brands. Mid greens pass AA on white more often than neon limes; forest tones suit nature and finance trust UI.
Mint in branding
Brand greens communicate sustainability, health, and Islamic / South Asian retail trust signals when carefully chosen. Contrast vs white is 1.23:1 (better as a large accent or background than small body text); vs black 17.09:1.
Mint as a pastel
Mint sits in the pastel range — high lightness, softer saturation. Use it for wellness, kids, and spring campaigns; pair with deeper companions for hierarchy.
Frequently asked questions
- What is the HEX code for Mint?
- Mint: #98FF98.
- What is Mint RGB?
- Mint: rgb(152, 255, 152).
- What is Mint HSL?
- Mint: hsl(120, 100%, 80%).
- What is Mint CMYK?
- Mint: cmyk(40%, 0%, 40%, 0%).
- What colors go with Mint?
- Try complementary #98FF98, #FF98FF or analogous #CCFF98, #98FF98, #98FFCC.
- Is Mint good for text on white?
- Not ideal for small body text (1.23:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.23:1 (prefer large accent or background). Contrast vs black: 17.09:1. Complementary swatch: #98FF98, #FF98FF.
Explore related
Green colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK