What color is Aquamarine?
Aquamarine is a bright blue-green with a cool, clear tone, hex #66F1C2, close to shallow tropical seawater. It has more green in it than a typical sky blue, giving it a fresh, slightly minty quality.
What is the meaning of the color Aquamarine?
Latin gave this color its name — aqua for water, marina for the sea — and it was first recorded in English in 1598. The gemstone of the same name, a blue-green variety of beryl, was prized in ancient Rome and used in jewelry throughout the medieval period. Pantone selected Aquamarine as one of its Colors of the Year for 2005, pairing it with Coral to represent optimism and balance.
RGB
102, 241, 194
HSL
160°, 83%, 67%
CMYK
58, 0, 20, 5
HSV
160°, 58%, 95%
What colors go with Aquamarine?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #66F1C2 |
color: #66F1C2;
|
| RGB | 102, 241, 194 |
color: rgb(102, 241, 194);
|
| RGB Percentage | 40%, 95%, 76% |
color: rgb(40%, 95%, 76%);
|
| CMYK | 58%, 0%, 20%, 5% | Not supported in CSS |
| HSL | 160°, 83%, 67% |
color: hsl(160, 83%, 67%);
|
| HSV | 160°, 58%, 95% | Not supported in CSS |
| CIE-LAB | 54, -28, 16 |
color: lab(54% -28 16);
|
| Decimal | 6746562 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.aquamarine {
color: #66F1C2;
}
SCSS
$aquamarine: #66F1C2;
RGB
rgb(102, 241, 194)
Accessibility & Contrast
White background
1.41:1
1.41
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
14.93:1
14.93
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element