CSS Color: Aquamarine
Named CSS color Aquamarine — #7FFFD4 in HEX, rgb(127, 255, 212) in RGB, hsl(160, 100%, 75%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | Aquamarine | color: Aquamarine; |
| HEX | #7FFFD4 | color: #7FFFD4; |
| RGB | rgb(127, 255, 212) | color: rgb(127, 255, 212); |
| HSL | hsl(160, 100%, 75%) | color: hsl(160, 100%, 75%); |
About Aquamarine
Aquamarine is a light, refreshing color that blends green, cyan, and white. At hex `#7FFFD4`, it has maximum green with moderate red (127) and high blue (212). Sitting at 160 degrees with full saturation and 75% lightness, it has a cool, minty character.
In web design, Aquamarine works well for soft accent backgrounds, card highlights, and fresh, modern color schemes. Its light, airy quality makes it popular in wellness apps, beauty brands, and lifestyle websites. It is gentle enough for large surface areas while still providing a distinct color identity.
Accessibility: Aquamarine against white achieves only about 1.5:1 contrast, making it unsuitable for text on light backgrounds. Against dark backgrounds, it provides good contrast and a refreshing, modern feel.
Aquamarine is lighter and greener than Turquoise, and cooler than SpringGreen. It pairs well with navy, charcoal, coral, and deep teal. In Tailwind CSS, `emerald-300` or `teal-200` provide approximate matches, though neither captures its exact blue-green balance.
FAQ
What is the hex code for Aquamarine?
The CSS named color Aquamarine has the hex code #7FFFD4. You can use it in CSS as color: #7FFFD4; or simply color: Aquamarine;.
What is Aquamarine in RGB?
In RGB notation, Aquamarine is rgb(127, 255, 212). Use it in CSS as color: rgb(127, 255, 212);.
What is Aquamarine in HSL?
In HSL notation, Aquamarine is hsl(160, 100%, 75%). Use it in CSS as color: hsl(160, 100%, 75%);.
What color category is Aquamarine?
Aquamarine belongs to the Blue color family in the CSS named colors specification.
Can I use the name "Aquamarine" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: Aquamarine; or background-color: Aquamarine; directly in your stylesheet. Named colors are case-insensitive.
Related Colors
Try in Color Converter
Convert Aquamarine to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →