Aquamarine is a light, vivid shade in the green color family, with a cool feel. Its HEX code is #7FFFD4, which equals rgb(127, 255, 212) in RGB and hsl(160, 100%, 75%) in HSL. In print terms it converts to roughly C50 M0 Y17 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7FFFD4 - RGB
127, 255, 212 - HSL
160°, 100%, 75% - CMYK
50, 0, 17, 0 - Family
Green - Tone
Light, vivid
About Aquamarine
Green shades suggest growth, health and calm. From fresh limes to deep forest tones, they are widely used for nature, wellness, finance and “success” states in interfaces. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 17.16:1. Its complementary color is #FF80AA.
Download Aquamarine as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Aquamarine color codes
| HEX | #7FFFD4 |
|---|---|
| RGB | rgb(127, 255, 212) |
| HSL | hsl(160, 100%, 75%) |
| HSV | 160°, 50%, 100% |
| CMYK | 50%, 0%, 17%, 0% |
| Decimal | 8388564 |
Shades and tints of Aquamarine
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EAFFF8 - 100
#D4FFF1 - 200
#BFFFEA - 300
#AAFFE2 - 400
#94FFDB - 500
#7FFFD4 - 600
#6AD5B1 - 700
#55AA8D - 800
#40806A - 900
#2A5547 - 950
#152B23
Color harmonies for Aquamarine
- Complementary
#FF80AA≈ Pale Carmine - Analogous −30°
#80FF95≈ Pale Emerald - Analogous +30°
#80EAFF≈ Pale Peacock - Triadic +120°
#D580FF≈ Pale Grape - Triadic +240°
#FFD580≈ Pale Amber - Split 150°
#FF80EA≈ Pale Cerise - Split 210°
#FF9580≈ Pale Vermilion
Contrast and accessibility of Aquamarine
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Aquamarine | Aa | 1.22:1 | Fails |
| Black text on Aquamarine | Aa | 17.16:1 | AAA (excellent) |
CSS code for Aquamarine
background-color: #7FFFD4;color: #7FFFD4;background-color: rgb(127, 255, 212);background-color: hsl(160, 100%, 75%);:root { --color-aquamarine: #7FFFD4; }class="bg-[#7FFFD4]"Colors similar to Aquamarine
- Pale Aquamarine
#7AFFD7 - Pale Seafoam
#7AFFCA - Pale Turquoise Tone
#7AFFE4 - Pale Bright Aquamarine
#88F2D2 - Pale Bright Turquoise
#88F2DD - Pale Bright Seafoam
#88F2C7 - Pale Mint
#7AFFBD - Pale Bright Teal
#88F2E7 - Pale Bright Mint
#88F2BD - Pale Teal
#7AFFF2 - Light Bright Turquoise
#63EED2 - Pale Bright Cyan
#88F2F2
More green shades
- Chartreuse
#7FFF00 - Lime Green
#32CD32 - Forest Green
#228B22 - Sea Green
#2E8B57 - Mint Cream
#F5FFFA - Pale Green
#98FB98 - Dark Green
#006400 - Dark Olive Green
#556B2F - Dark Sea Green
#8FBC8F - Green
#008000 - Green Yellow
#ADFF2F
Frequently asked questions
What is the HEX code for Aquamarine?
The HEX code for Aquamarine is #7FFFD4.
What is the RGB value of Aquamarine?
Aquamarine has an RGB value of 127, 255, 212 (rgb(127, 255, 212)). In HSL it is 160°, 100%, 75%.
What text color should I use on Aquamarine?
Use black text on Aquamarine. White text has a contrast ratio of 1.22:1 and black text has 17.16:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Aquamarine?
The complementary color of Aquamarine is #FF80AA. Analogous colors #80FF95 and #80EAFF also pair well.