Aquamarine color values
| Format | Value |
|---|---|
| Hex | #7FFFD4 |
| RGB | rgb(127, 255, 212) |
| HSL | hsl(160, 100%, 75%) |
| HSV | 160, 50%, 100% |
| CMYK (simple conversion) | 50%, 0%, 17%, 0% |
| Decimal | 8388564 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Aquamarine
Aquamarine is a light, slightly greenish blue color that resembles shallow ocean water. It feels calming and fresh, making it popular in health and wellness branding. Interface designers sometimes apply it to highlight elements without overwhelming the user. It is one of the 148 CSS named colors.
Shades and tints of Aquamarine
Tints mix Aquamarine with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #8CFFD8 | #72E6BF |
| 20% | #99FFDD | #66CCAA |
| 30% | #A5FFE1 | #59B394 |
| 40% | #B2FFE5 | #4C997F |
| 50% | #BFFFEA | #40806A |
Color harmony for Aquamarine
These colors keep the same saturation and lightness as Aquamarine and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #FF7FAA |
| Analogous | #7FFF94 #7FEAFF |
| Triadic | #D47FFF #FFD47F |
| Split complementary | #FF7FEA #FF947F |
Contrast and accessibility
Contrast between #7FFFD4 and white is 1.22:1 (fails). Against black it is 17.16:1 (passes AAA). For text on a Aquamarine background, black text is the more readable choice.
Use Aquamarine in CSS
.element {
color: aquamarine;
background-color: #7FFFD4;
border-color: rgb(127 255 212);
outline-color: hsl(160 100% 75%);
}All four lines produce exactly the same color. The keyword aquamarine is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- Sky Blue: #87CEEB
- Pale Turquoise: #AFEEEE
- Powder Blue: #B0E0E6
- lightskyblue: #87CEFA
FAQ
What is the hex code for Aquamarine?
The hex code for Aquamarine is #7FFFD4. As a CSS color keyword you can also write aquamarine.
What is Aquamarine in RGB?
Aquamarine is rgb(127, 255, 212): red 127, green 255, blue 212 on the 0 to 255 scale.
What color is closest to Aquamarine?
Of the CSS named colors, skyblue (#87CEEB) is the closest match to Aquamarine, followed by paleturquoise and powderblue.
More colors
- Aqua: previous page
- Azure: next page
- CSS named colors: the full list