Mint Green

#ADEBB3

What color is Mint Green?

Mint green is a soft, cool green with a pale, airy quality, hex #ADEBB3, similar to the color of fresh spearmint leaves. It has more white in it than grass green, giving it a gentle, washed-out brightness.

What is the meaning of the color Mint Green?

Named after the mint plant, this color entered broad use in the early 20th century as pastel palettes became popular in fashion and home décor. In the 1950s, mint green appeared across American kitchen appliances and automobiles as manufacturers tied the color to cleanliness and modern living. The U.S. Treasury has long used soft greens in currency printing, reinforcing associations between the color and precision and trust. Mattel used mint green packaging in early Barbie product lines, anchoring the color to mid-century consumer culture.

RGB
173, 235, 179
HSL
126°, 61%, 80%
CMYK
26, 0, 24, 8
HSV
126°, 26%, 92%
Mint green color

What colors go with Mint Green?

Colors that pair well with Mint green include:
White: clean, airy lightness
Navy blue: sharp, grounding contrast
Coral: warm, playful balance
Gold: rich, elegant warmth
Charcoal: strong, modern depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #ADEBB3 color: #ADEBB3;
RGB 173, 235, 179 color: rgb(173, 235, 179);
RGB Percentage 68%, 92%, 70% color: rgb(68%, 92%, 70%);
CMYK 26%, 0%, 24%, 8% Not supported in CSS
HSL 126°, 61%, 80% color: hsl(126, 61%, 80%);
HSV 126°, 26%, 92% Not supported in CSS
CIE-LAB 64, -12, 19 color: lab(64% -12 19);
Decimal 11398067 Not supported in CSS

Color Variations

Shades

#ADEBB3
#8CE395
#6BDB76
#4AD358
#30C53F
#28A434
#20832A
#18631F

Tints

#E6F9E8
#DEF7E1
#D6F5D9
#CEF3D1
#C6F1CA
#BDEFC2
#B5EDBB
#ADEBB3

Tones

#ADEBB3
#B0E8B6
#B3E5B8
#B6E2BB
#B9DFBD
#BCDCC0
#C0D8C2
#C3D5C5

Hues

#ADEBB3
#ADEBE2
#ADC6EB
#C3ADEB
#EBADE5
#EBADB6
#EBD2AD
#D5EBAD

Color Harmonies

Analogous

#C6EBAD
Click to copy
#ADEBB3
Click to copy
#ADEBD2
Click to copy

Complementary

#ADEBB3
Click to copy
#EBADE5
Click to copy

Split Complementary

#ADEBB3
Click to copy
#D2ADEB
Click to copy
#EBADC6
Click to copy

Triadic

#ADEBB3
Click to copy
#B3ADEB
Click to copy
#EBB3AD
Click to copy

Tetradic

#ADEBB3
Click to copy
#ADC6EB
Click to copy
#EBADE5
Click to copy
#EBD2AD
Click to copy

Square

#ADEBB3
Click to copy
#ADC6EB
Click to copy
#EBADE5
Click to copy
#EBD2AD
Click to copy

CSS & Dev Snippets

CSS
.mint-green {
  color: #ADEBB3;
}
SCSS
$mint-green: #ADEBB3;
RGB
rgb(173, 235, 179)

Accessibility & Contrast

White background

1.37:1
1.37
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

15.31:1
15.31
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags